Vue性能优化方法
1、原理 可以通过按需进行加载dom，即只显示可视化区域的数量。从而减少dom的结构，实现性能提升。因此，分页加载、懒加载等方案根本治标不治本。
2、在vue2中创建一个虚拟节点button，属性里面多了一个事件onclick，内容就是count++。
3、基于vue-cli0构建项目，npm引入多个第三方包。build之后，包体积太大导致首屏过长。
4、http缓存优化是网页性能优化的重要一环，这一部分我会在后续笔记中做一个详细总结，所以本文暂不多做详细整理。本文主要从网页渲染过程、网页交互以及Vue应用优化三个角度对性能优化做一个小结。
5、由于我们团队的前端项目越来越庞大，加之Vue的SPA首屏加载特性，导致系统第一次加载速度越来越缓慢，可能达到几十秒的程度，所以为了优化用户性能体验，我们选择了开启Gzip进行文件压缩，确实达到了显著的效果。
6、key ，而 Proxy 只是拦截读写操作。
JS,Vue2,data的写法对象式和函数式,el(element)的两种写法
Vue2，data的两种写法 对象式和函数式，当使用组件时必须使用函数式，否则报错。Vue2，el（element）的两种写法 new Vue()，已配置el属性。创建Vue实例，再通过vm.$mount(#root)指定el的值。
vue.js实现页面加载完成执行函数功能和jquery的$(function () {alert(1111)；})相同 函数的定义：给定一个数集A，对A施加对应法则f，记作f（A），得到另一数集B，也就是B=f（A）。
vue实现数据双向绑定主要是：采用数据劫持结合发布者-订阅者模式的方式，通过 Object.defineProperty() 来劫持各个属性的 setter，getter ，在数据变动时发布消息给订阅者，触发相应监听回调。
Vue组件化开发
优点：轻量级的框架，双向数据绑定，组件化开发，单页面路由，学习成本低，虚拟dom，渐进式框架，数据和结构的分离，运行速度快，插件化。
Vue.js采用了组件化的开发方式，将一个大型应用程序拆分成多个小的组件。这种方式让应用程序更易于维护和扩展，同时也提高了代码的复用性。
数据驱动：Vue.js使用双向绑定技术，将数据和视图进行关联，可以非常方便地实现数据的管理和渲染，开发人员无需手动操作DOM元素，只需要关注数据的处理和状态变化即可。
在子组件中，使用特殊的元素slot就可以为子组件开启一个插槽。该插槽插入什么内容取决于父组件如何使用。
在当前的主流Web前端框架中，Angular、React、Vue.js是备受瞩目的3个框架，它们都是组件化开发框架。从市场占有率来看 目前Vue.js市场占有率很高 当然Angular与React的历史更长，而Vue.js是后起之秀。
react和vue的区别是：响应式系统、组件化开发、推荐库和插件、学习曲线、性能。响应式系统：React使用了一种基于虚拟DOM的响应式系统，而Vue则使用了一个基于数据绑定的响应式系统。
为什么Vue组件中的data是一个函数
所以，你现在知道为什么vue组件的data必须是函数了吧。这都是因为js本身的特性带来的，跟vue本身设计无关。其实vue不应该把这个方法名取为data()，应该叫setData或其他更容易立即的方法名。
其实vue官网上有提到data必须是函数问题 这样会使组件的每个实例都有自己私有属性data，组件的实例属性才不会被污染。
文件写成.vue的文件就是组件的写法，因此这时data必须是一个函数，而你贴的var vm = new Vue({})是直接跑在浏览器环境下的用法，这时data可以是一个普通对象，也可以写成一个返回普通对象的函数，不过没必要。
在vue.js中通过定义一个data对象可以声明组件中可以被绑定的数据。根据查询相关公开信息显示，data是一个函数，每个组件实例会复制一个data对象到其自己的data中。