为何组件的data必须是一个函数

为何组件的data必须是一个函数

1、每个组件都是 Vue 的实例

2、组件共享 data 属性，当 data 的值是同一个引用类型的值时，改变其中一个会影响其他

3、组件中的 data 写成一个函数，数据以函数返回值形式定义，这样每复用
一次组件，就会返回一份新的 data，类似于给每个组件实例创建一个私有的
数据空间，让各个组件实例维护各自的数据。而单纯的写成对象形式，就使
得所有组件实例共用了一份 data，就会造成一个变了全都会变的结果

data此时是一个对象，里面存放着很多数据，都是指向同一个地址。 此时如果重复的使用相同的当前组件，每一个组件用的值都是从这个data:{}对象中取得（也就是说都是从同一个地址中取值），就对组件之间造成了相互干扰。 同理，我们就可以知道组件中的data使用函数然后返回一个对象的话，就不会存在这个问题了，因为在创建不同组件的时候，会return出不同地址的对象，并不存在干扰组件之间的数据绑定之类的问题