[JavaScript知识库]vue项目的优化（一）

面试官：vue项目做过哪些优化？
我：我我我我我。。。。。不会，

回答：
1.v-for 设置key值，为了更快的定位数据和diff。（现在的话不写key编译器就会报错）
diif流程：
用户操作引起数据改变–>派发通知–>打补丁patch（oldVnode, Vnode）
反思：大家老说index不能当key，index一定不能当key么？？

2.模块化，组件化
封装具有高度复用性的模块 （http.js ? config.js?）
拆分高度复用性的组件
组件的可配置性要强

3.路由懒加载
首屏加载渲染要足够快
反思：路由加载过一次后再加载会发生什么？

4.productionSourceMap要设置成false
需要在里面vue.config.js 配置

5.productionGzip可以设置成 true
启用gzip压缩后，打包的体积会更小

6.合理使用keep-alive
缓存组件

7.插件cdn （找稳定的服务器，避免他挂了）
减少打包的体积

8.图片一定要放在cdn 上（尽量把静态文件全部放在cdn上）

9.图标不要使用图片。iconfont

10.善用图片懒加载 vue-lazyload

11.组件按需导入