1.使用路由懒加载 使用es6的语法 impoart 引入路由
2.v-if和v-show区别使用
3.使用<keep-alive></keep-alive>做组件缓存
4.少使用impoart引入css.使用<style scoped src="">来引用,impoart是重新发起请求获取数据
5.v-for使用的时候增加 (key)值
6.v-for循环中不要嵌套v-if ,v-for优先级大于v-if
7.computed和watch区分使用
8.使用vue-lazyload 做图片懒加载
9.第三组件库按需引入,如果大多都有涉及,建议全部引入
10.图片优化,使用webp格式,兼容性不太好,但是会省20%-30%的体积
11.使用事件代理,由父元素代替子元素实现事件
12.组件化
13.封装公共方法
14.使用vuex缓存一些公共数据
vue优化简略版
于 2022-04-29 15:29:24 首次发布