你有对 Vue 项目进行哪些优化？

标签：sans   分割   size   懒加载   报告   rda   三方   微软雅黑   bsp   

（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 层面的优化

你有对 Vue 项目进行哪些优化？

标签：sans   分割   size   懒加载   报告   rda   三方   微软雅黑   bsp   

原文地址：https://www.cnblogs.com/Rivend/p/12630728.html