为何组件的data必须是一个函数
1、每个组件都是 Vue 的实例
2、组件共享 data 属性,当 data 的值是同一个引用类型的值时,改变其中一个会影响其他
3、组件中的 data 写成一个函数,数据以函数返回值形式定义,这样每复用
一次组件,就会返回一份新的 data,类似于给每个组件实例创建一个私有的
数据空间,让各个组件实例维护各自的数据。而单纯的写成对象形式,就使
得所有组件实例共用了一份 data,就会造成一个变了全都会变的结果
data此时是一个对象,里面存放着很多数据,都是指向同一个地址。 此时如果重复的使用相同的当前组件,每一个组件用的值都是从这个data:{}对象中取得(也就是说都是从同一个地址中取值),就对组件之间造成了相互干扰。 同理,我们就可以知道组件中的data使用函数然后返回一个对象的话,就不会存在这个问题了,因为在创建不同组件的时候,会return出不同地址的对象,并不存在干扰组件之间的数据绑定之类的问题