为什么Vue中的data必须是一个函数

为什么data必须是一个函数?
会产生报错
1.根实例对象data可以是对象也可以是函数（根实例是单例），不会产生数据污染情况

如果不是一个函数，每个组件实例的data都是同一个引用数据，当该组件作为公共组件共享使用，一个地方的data更改，所有的data一起改变，如果data是一个函数，每个实例的data都在闭包中，就不会各自影响了。

如下有一个例子:

const MyCom=function(){}
MyCom:prototy.data={
a:1,
b:2
}
const obj1=new MyCom();
const obj2=new MyCom();
//只改变obj1.data.b
obj1.data.b=10
console.log(obj1.data.b) //10
console.log(obj2.data.b) //10

从上边的例子可以得出如下结论:

object是引用类型的,每个对象的data是指向的同一个地址,一个值变,这个属性发生变化,导致其他对象的该属性也发生变化
作用域有三种:全局作用域，函数作用域，块级作用域
Js中有关作用域,只有函数,data是一个函数的话,每个对象都是独立的,而且对象函数也是独立的,函数中的数据也是独立的。