适用对象:vue-cli初始化的项目或webpack打包的项目。
基础优化:
A、template
•语义化标签,避免乱嵌套,合理命名属性
•v-show和v-if
1、权限角度:涉及权限相关角度使用v-if,不涉及权限且需拼房切换使用v-show;
2、dom总数:减少dom总量,加快首屏渲染,倾向于v-if;
•模板里不宜有过多的表达式或判断,适当的在methods和computed里封装成方法,可以减少代码冗余,当然对于视觉强迫兽是友好的。
• 循环调用子组件时添加key,需要保证key的唯一性,一般不采用item,可以使用item.id或index;
B、style
•局部样式代码按模块划分,建议