data为什么是一个函数

2022-02-14 本文已影响0人李小白呀

原型链：new出来两个对象，一个对象更改了原型链上的属性，那么另一个对象也会跟着更改，导致两个new对象的数据不独立，会相互污染，所以使用函数return出去。

vue组件中的data数据都应该是相互隔离，互不影响的，组件每复用一次，data数据就应该被复制一次，之后，当某一处复用的地方组件内data数据被改变时，其他复用地方组件的data数据不受影响，就需要通过data函数返回一个对象作为组件的状态。

当我们将组件中的data写成一个函数，数据以函数返回值形式定义，这样每复用一次组件，就会返回一份新的data，拥有自己的作用域，类似于给每个组件实例创建一个私有的数据空间，让各个组件实例维护各自的数据。