(1)代码层面的优化
- v-if 和 v-show 区分使用场景
- computed 和 watch 区分使用场景
- v-for 遍历必须为 item 添加 key,且避免同时使用 v-if
- 图片资源懒加载
- 路由懒加载
- 当打包构建项目时,JavaScript包会变的非常打,影响页面加载。如果我们能把不同路由对应的组件分割成不同的代码块,
然后当路由被访问的时候才加载对应组件,这样更加高效了。 - 第三方插件的按需引入(element-ui)
- 服务端渲染 SSR or 预渲染
(2)Webpack 层面的优化
1.生成打包报告(看优化文件大小)
1..第三方库启用CDN(减少js/chunk-vendors.a5af0400.js文件体积)
(2)Webpack 层面的优化