在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()) //张三
上述描述如有问题,敬请指出相互学习~~~