Vue常见问题

Vue常见问题

data为什么需要是个函数

因为js的对象是按引用传递的，如果使用对象的话，会导致组件内数据无法保持唯一，可能会被其他组件数据修改，所以需要使用函数，每次都重新创建一个新的对象实现。

v-for为什么需要key

没有key的情况下（或者使用index），diff过程中，无法确定具体更新的节点，会导致删除的节点错误，所以需要一个唯一的key值，用于渲染更新，如果你不需要增删的话，用index其实也没啥问题

v-if和v-show的区别

v-show通过display none和block进行控制
v-if通过增删改节点进行显示控制
v-show要比v-if渲染性能开销要小

组件传值

props、emit
$parent、$children
proivde、inject
$attrs、$listeners

响应式原理

1.通过definePropery对data内的属性遍历添加getter、setter属性，通过watcher对Dep进行依赖收集管理，内部会通过Dep.target去维护一个当前的watcher，当数据更新的时候会去执行dep.notify方法，一次遍历当前dep内的watcher 进行数据更新
2.Observer 用于添加getter和setter
3.D