1.关于长列表性能优化
对列表不需要进行其他操作只需要进行展示的,不需要对数据进行响应式的处理提高渲染速度,使用 Object.freeze()
冻结一个对象,该方法冻结的对象不能被修改;即不能向这个对象添加新属性,不能删除已有属性,不能修改该对象已有属性的可枚举性、可配置性、可写性,以及不能修改已有属性的值,以及该对象的原型也不能被修改
2.v-for不能同时使用v-if(在计算属性中进行过滤),v-for加上唯一标识key
3.第三方插件按需导入
4.避免尽量直接操作DOM元素
5.路由懒加载、图片懒加载
6.使用精灵图(雪碧图)
7.使用keep-alive缓存页面
8.在事件beforeDestroy或者destroyed销毁阶段将定时器以及事件监听进行清除
9.服务器端渲染 (SSR) 有利于SEO,使用nuxt.js框架
10.使用v-show来控制DOM
11.对输入框进行防抖操作,以及滚动事件进行节流操作
更多方案可以参考:掘金