vue项目优化

1 尽可能的减少watcher的数量,当监听数据是一个对象的时候,最好具体到监听对象的属性;

2 内容比较多的时候可以用懒加载、分页、滚动加载或者tab方式,减少每次渲染的数量;

3 结合v-if,异步显示dom结构,减少不必要组件的加载;

4 给列表渲染加上唯一的key值,避免重复创建和大规模的重新渲染;

5 组件有明确含义,只处理类似的业务。复用性越高越好,配置性越强越好,减少组件之间的耦合度;

6 路由的按需加载,使用require.ensure()加载路由模板,这样设置的组件会被分开打包,减少了index.js(首屏加载的js文件)包的体积,但是增加了请求包的次数;

7 使用keep-alive 可以使被包含的组件保留状态,或避免重新渲染。注意给组件取个名字;

8 第三方库尽量瘦身之后再使用,比如使用element-ui中的按需加载;

9 使用骨架图;

 

 

 

原文:https://www.cnblogs.com/leaf930814/p/9011480.html

posted @ 2020-05-09 13:51  seeBetter  阅读(171)  评论(0编辑  收藏  举报