Vue中的data为什么需要return

为什么要return呢？

data(){
    return {
        a:10,
        b:"hahahhahah"
    }
}

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

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

data是函数的具体原因：

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