一、vue组件中的data数据必须要以函数返回的形式
组件是可复用的vue实例,一个组件被创建好之后,就可能被用在各个地方,而组件不管被复用了多少次,组件中的data数据都应该是相互隔离,互不影响的,基于这一理念,组件每复用一次,data数据就应该被复制一次,之后,当某一处复用的地方组件内data数据被改变时,其他复用地方组件的data数据不受影响。
这是因为当data如此定义后,这就表示所有的组件实例共用了一份data数据,因此,无论在哪个组件实例中修改了data,都会影响到所有的组件实例。
总结: 组件中的 data 写成一个函数,数据以函数返回值的形式定义,这样每次复用组件的时候,都会
返回一份新的 data,相当于每个组件实例都有自己私有的数据空间,它们只负责各自维护的数据,
不会造成混乱。而单纯的写成对象形式,就是所有的组件实例共用了一个 data,这样改一个全都改
了。