Appearance
最佳实践
多屏幕切换
场景描述:
弹框、Tab切换、路由跳转等场景都适用。
一个项目中可以任意新建多个屏幕,主屏幕的组件和其他屏幕是共享的,其它屏幕是单独存在的。
1、需要跳转时,如从主屏幕跳转到其他屏幕。 建议:通过事件动作中的跳转屏幕这个功能实现。 不建议:通过跳转链接或自定义事件实现,这些方式实现页面跳转性能较差;
2、如果需要初始化时展示其他大屏(非主屏幕),通过 window.$global.group=大屏 id 进行屏幕初始化;
3、主屏幕组件是所有屏幕共享的,其他屏幕组件是各个屏幕独享的;
具体操作请看视频
视频教程
数据分发
场景描述:
页面中多个组件使用了同一个数据请求的返回值。
建议:将数据请求的返回值赋值给一个页面变量,组件的数据通过关联页面变量完成数据绑定。
不建议:每个组件都绑定到数据请求上,这样会导致重复性的数据请求,影响页面性能或业务数据。
视频教程
数据请求优化建议
案例一
如果数据请求的返回值的数据量非常大,并且组件只使用到了数据的部分内容。
建议:通过数据请求中的过滤器做数据的简化处理,只保留需要的内容,然后组件再绑定这个数据请求。
不建议:组件直接绑定原始的数据请求,这样会带来一些性能问题。
案例二
如果页面中的多个组件使用到了同一个数据请求的返回值,但是不同组件分别使用了数据的不同字段。
建议:将数据请求的返回值按照实际使用的字段,拆分成几个不同的数据,然后分别赋值给不同的页面变量。这里需要通过自定义事件实现。
不建议:将返回值全部赋值给一个页面变量,这样会导致不必要的性能损耗。