Vue关于data和this的解析总结：this.$data、this._data、this.xxx 为什么都能获取数据？data为什么是个函数？

Vue关于data和this的解析总结：this.$data、this._data、this.xxx 为什么都能获取数据？data为什么是个函数？

如果 data 是个对象，那么整个vue实例将共享一份数据，也就是各个组件实例间可以随意修改其他组件的任意值，这样对于实际开发时很难受的。

但是 data 定义成一个函数，将会 return 出一个唯一的对象，不会和其他组件共享一个对象。

我们注册组件的时候实际上是建立了一个组件构造器的引用，只有使用组件的时候才会真正创建一个组件实例。

总而言之：

this.$data.xxx、this{.}_{d}ata.xxx、this.xxx都能获取数据，先让this.$data.xxx = this._data.xxx，然后用 call 让当前组件实例 this 继承了 this.$data 的值，也就是 getData 方法 return 出了一份用 call 改变指向将 $data 指向 this 的数据。

data 定义成一个函数，确保了各个组件实例能拥有一份只属于自己的唯一数据！