vue - 为什么Data为一个函数

官方解析：

Vue 实例的数据对象。Vue 会递归地把 data 的 property 转换为 getter/setter，从而让 data 的 property 能够响应数据变化。当一个组件被定义，data 必须声明为返回一个初始数据对象的函数，因为组件可能被用来创建多个实例。

理解下来就是Vue中的data选项是一个函数的原因是为了实现数据的响应式。当data是一个函数时，每个组件实例都会调用该函数来返回一个新的数据对象，这样可以确保每个组件实例都有自己的数据副本，避免数据共享导致的问题。

总结：

1. 首先我们需要了解data两种不同的类型有什么区别：

•  当我们组件中的data写成一个函数时，数据是以函数返回值形式定义的，这样每复用一次data，都会返回一份新的data，拥有自己的作用域，不会产生数据污染。
•  当我们组件中的data写成一个对象时，对象是引用数据类型，它就会共用一个内存地址，在多次使用该组件时，改变其中一个组件的值会影响全部使用该组件的值。

 2.理解组件中的 data 必须是一个函数： 

•  在vue中一个组件可能会被其他的组件引用，为了防止多个组件实例对象之间共用一个data，产生数据污染。将data定义成一个函数，每个组件实例都有自己的作用域，每个实例相互独立，不会相互影响initData时会将其作为工厂函数都会返回全新data对象。