在vue组件中data的属性值是函数,如下所示
export default {
data() {
// data是一个函数,data: function() {}的简写
return...// data是一个对象
name: 'itclanCoder',
},
};
当一个组件被定义,data必须声明为返回一个初始数据对象的函数,因为组件可能被用来创建多个实例
也就是说,在很多页面中...,定义的组件可以复用在多个页面
如果data是一个纯碎的对象,则所有的实例将共享引用同一份data数据对象,无论在哪个组件实例中修改data,都会影响到所有的组件实例
如果data是函数,每次创建一个新实例后...',
};
var p1 = new Person();
var p2 = new Person();
p1.data.name = '川川';
console.log(p1.data.name);...(p1.data.name); // 随笔川迹
console.log(p2.data.name); // itclanCoder
如果有问题,欢迎小伙伴们下方留言,一起讨论学习