Vue 优化
编码优化
尽量不要将所有的数据都放在 data 中,data 中的数据都会增加 getter 和 setter,会收集对应的 watcher
vue 在 v-for 时给每项元素绑定事件尽量用事件代理
拆分组件( 提高复用性、增加代码的可维护性,减少不必要的渲染 )
v-if 当值为 false 时内部指令不会执行,具有阻断功能,很多情况下使用 v-if 替代 v-show
合理使用路由懒加载、异步组件
Object.freeze 冻结数据
尽量不要将所有的数据都放在 data 中,data 中的数据都会增加 getter 和 setter,会收集对应的 watcher
vue 在 v-for 时给每项元素绑定事件尽量用事件代理
拆分组件( 提高复用性、增加代码的可维护性,减少不必要的渲染 )
v-if 当值为 false 时内部指令不会执行,具有阻断功能,很多情况下使用 v-if 替代 v-show
合理使用路由懒加载、异步组件
Object.freeze 冻结数据