为什么在 vue 的组件中 data 必须为一个函数

[wengjq]

• 每个组件都是 Vue 的实例。
• 组件共享 data 属性，当 data 的值是同一个引用类型的值时，改变其中一个会影响其他。

如下代码示例：

var component = function () {};
component.prototype.data = {
      a: 'a',
      b: 'b'
};
var test1 = new component();
var test2 = new component();
console.log(test1.data.a); // a
console.log(test2.data.a); // a

test1.data.a = 'aa'
console.log(test1.data.a); // aa
console.log(test2.data.a); // aa


var component = function () {
	this.data = this.data();
};
component.prototype.data = function (){
	return {
		a: 'a',
		b: 'b'
	}
};
var test1 = new component(); 
var test2 = new component(); 
console.log(test1.data.a); // a
console.log(test2.data.a); // a

test1.data.a = 'aa'
console.log(test1.data.a); // aa
console.log(test2.data.a); // a