Skip to content

最佳实践

多屏幕切换

场景描述
弹框、Tab切换、路由跳转等场景都适用。

一个项目中可以任意新建多个屏幕,主屏幕的组件和其他屏幕是共享的,其它屏幕是单独存在的
1、需要跳转时,如从主屏幕跳转到其他屏幕。 建议:通过事件动作中的跳转屏幕这个功能实现。 不建议:通过跳转链接或自定义事件实现,这些方式实现页面跳转性能较差;
2、如果需要初始化时展示其他大屏(非主屏幕),通过 window.$global.group=大屏 id 进行屏幕初始化;
3、主屏幕组件是所有屏幕共享的,其他屏幕组件是各个屏幕独享的;
具体操作请看视频

视频教程

数据分发

场景描述
页面中多个组件使用了同一个数据请求的返回值。
建议:将数据请求的返回值赋值给一个页面变量,组件的数据通过关联页面变量完成数据绑定。
不建议:每个组件都绑定到数据请求上,这样会导致重复性的数据请求,影响页面性能或业务数据。

视频教程

数据请求优化建议

案例一
如果数据请求的返回值的数据量非常大,并且组件只使用到了数据的部分内容。

建议:通过数据请求中的过滤器做数据的简化处理,只保留需要的内容,然后组件再绑定这个数据请求。
不建议:组件直接绑定原始的数据请求,这样会带来一些性能问题。

案例二
如果页面中的多个组件使用到了同一个数据请求的返回值,但是不同组件分别使用了数据的不同字段。
建议:将数据请求的返回值按照实际使用的字段,拆分成几个不同的数据,然后分别赋值给不同的页面变量。这里需要通过自定义事件实现。
不建议:将返回值全部赋值给一个页面变量,这样会导致不必要的性能损耗。