初学vue的小伙伴可能会感到疑惑,为什么在vue实例中存取变量的data是一个对象,而组件中的data不是一个对象而是一个函数?
我们先来看这个例子
function foo() {
return {
name: 'sherry',
age: 18
}
}
let obj1 = foo()
let obj2 = foo()
let obj3 = foo()
obj1.name = 'strawberry'
console.log(obj1);
console.log(obj2);
console.log(obj3);
这个时候控制台输出的
这个时候每一个obj互不影响互相独立,