Vue组件中data为什么是个函数

在说这道题之前呢,首先我来讲一下深拷贝和浅拷贝

在js当中呢,简单的数据类型就是浅拷贝,复杂的数据类型就需要用到深拷贝

现在给大家举一个例子

var a = 0;
var b = a;
b = 1
console.log('a···' + a,'b···' + b) //a···0 b···1

这个时候大家可以看到,我把a的值赋给了b,将b的值赋给了a,a的值也没有发生改变

var a{
   name:'张三'   
}
var b=a
b.name='李四'
console.log(a.name) 

我把a对象的值赋给了b,修改啦b的name值后,a的name值也发生改变啦

为什么基本数据类型变,引用数据类型发生了改变

基本数据类型是放在栈里面的，它是按值访问，在栈内存中发生复制行为时系统会为新的变量提供新值，所以两个变量互不影响
引用数据类型是放在堆内存中的，它是按引用访问的，在栈内存中有一个地址是指向堆内存中的引用数据类型的，所以我们拷贝引用数据类型其实就是拷贝了栈内存中的地址，因为地址一样，他们都是指向同一个引用数据类型，所以两个变量会相互影响，这时就必须使用深拷贝了

所有再创建或者是注册模板时,传入一个data是用来绑定数据用的,那么在vue中data必须是一个函数,
是因为它的组件常常用来服用,如果它是一个对象,就会造成一个数据的污染,每个vue组件的data都是因为函数
有了自己的作用域,才做到互不干扰