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

在vue的开发中，我们在组件中采用函数这种格式

data() { 
   return { }
 }

在vue实例中采用的是对象这种格式

data：{}

那么为什么要在组件中采用函数的方式呢？

首先组件是多次使用的，也就是复用。当我们多次调用一个组件，肯定不希望组件中数据是相互联通的。所以在此使用函数的方式return一个对象，这样每次调用组件返回的都是一个新的对象，对象所处的内存地址是不一样的，这样就可以避免在实际开发中数据的联通带来的不变。
我们可以采用下列代码来证明一下每次return的数据存储的地址是不一样的。

function abc(){
   return {
      name: '张三'
   }
}
let a = abc()
let b = abc()
let c = abc()
a.name = '李四'
console.log(a())  //李四
console.log(b())  //张三
console.log(c())  //张三

上述描述如有问题，敬请指出相互学习~~~