vue项目优化

前端之家收集整理的这篇文章主要介绍了vue项目优化前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。

适用对象: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
•局部样式代码按模块划分,建议