vue的data

vue中data相关

1.data是vue实例的数据对象，他怎么实现data属性能够响应数据变化？

vue通过递归将data属性转换为getter/setter来实现，getter获取，setter设置

2.vue 实例中的data是对象的写法，但是在组件中data是函数的写法，

原因：是因为写成函数，会有函数作用域的概念 ，是私有函数，只作用到当前组件中，不会影响到其它各个不同的组件。

原理：这个其实不关vue的事情，这是JS本身继承机制造成的。当两个实例继承同一个对象的时候，当你修改其中一个属性的时候，另外一个实例也会跟着改。如：

var MyComponent = function() {}
MyComponent.prototype.data = {
  a: 1,
  b: 2,
}
var component1 = new MyComponent()
var component2 = new MyComponent()

component1.data.a === component2.data.a // true
component1.data.b = 5
component2.data.b // 5