Vue中的data为什么需要return

  • Published2025-09-28 14:31:28

为什么要return呢?

data(){

return {

a:10,

b:"hahahhahah"

}

}

函数写法:每次返回新对象

因为如果vue项目比较大,创建多个组件时,未用return创建对象的data都将指向同一个地址,造成数据污染,通过函数写法return一个新对象,对象的地址不同,数据之间相互独立,避免数据污染。

data是函数的具体原因:

vue文件中的对象会作为选项(option)构建组建实例。当存在多个相同的组件被引用,其实都是基于同一份对象进行创建,如果data是对象,则这些组件data都会指向同一个对象,因为会相互干扰,使用函数就可以在构建时调用函数生成对象,此时组建之间的data互不干扰。