wwwsy

代码

key的作用主要是为了高效的更新虚拟DOM，其原理是vue在patch过程中通过key可以精准判断两 个节点是否是同一个，从而避免频繁更新不同元素，使得整个patch过程更加高效，减少DOM操 作量，提高性能。

Vue组件可能存在多个实例，如果使用对象形式定义data，则会导致它们共用一个data对象，那么状态 变更将会影响所有组件实例，这是不合理的;采用函数形式定义，在initData时会将其作为工厂函数返 回全新data对象，有效规避多实例之间状态污染问题。而在Vue根实例创建过程…

如果数组成员包括对象，concat方法返回当前数组的一个浅拷贝。所谓“浅拷贝”，指的是新数组拷贝的是对象的引用。 上面代码中，原数组包含一个对象，concat方法生成的新数组包含这个对象的引用。所以，改变原对象以后，新数组跟着改变。 如果数组有空位，map方法的回调函数在这个位…

模块化非模块化时代依赖关系不明确知识点AMD异步模块规范requirejs(待了解)全局定义definerequire函数依赖JS全自动异步加载RequireJS示例代码CommonJSnodejs模

在Vue实例的生命周期过程中会运行一些叫做生命周期钩子的函数，这给用户在不同阶段添加自己代码 的机会。

改写为渲染函数版本试试,结论：Vue通过它的编译器将模板编译成渲染函数，在数据发生变化的时候再次执行渲染函数，通过对比两次执行结果得出要做的dom操作，模板中的神奇魔法得以实现

计算属性和监听器计算属性和监听器监听器更通用，理论上计算属性能实现的侦听器也能实现处理数据的场景不同，监听器适合一个数据影响多个数据，计算属性适合一个数据受多个数据影响计算属性有缓存性，计算所得的值如

Helloworld理解Vue的设计思想数据驱动应用MVVM模式的践行者MVVM框架的三要素响应式：vue如何监听数据变化？模板：vue的模板如何编写和解析渲染：vue如何将模板转换为html?