vue#1 vue中的性能优化

1.引入生产环境的 Vue 文件

开发环境下，Vue 会提供很多警告来帮你对付常见的错误与陷阱。而在生产环境下，这些警告语句却没有用，反而会增加应用的体积。此外，有些警告检查还有一些小的运行时开销，这在生产环境模式下是可以避免的。
详细的做法请参阅vue官网【生产环境部署(https://cn.vuejs.org/v2/guide/deployment.html)】

2.使用单文件组件预编译模板

不要使用 Vue.component 定义全局组件， new Vue({ el: '#container '}) 在每个页面内指定容器元素。

要使用单独的.vue文件，使用预处理器来构建简洁和功能更丰富的组件。
提取组件的 CSS 到单独到文件

3.利用 Object.freeze()提升性能

当我们只是用来存储某个对象或者数组，并不要求它响应对应的视图时使用Object.freeze() 可以冻结一个对象，冻结之后不能向这个对象添加新的属性，不能修改其已有属性的值，不能删除已有属性，以及不能修改该对象已有属性的可枚举性、可配置性、可写性。不会为对象加上 setter getter 等数据劫持的方法。该方法返回被冻结的对象。

4.扁平化 Store 数据结构

5.合理使用持久化 Store 数据

6.组件懒加载

参考【https://blog.csdn.net/sally18/article/details/96476406】

7.Vue 应用加载性能优化措施