2021-08-07 vue组件中的data为什么要return

0.总结

项目中的data写成函数的形式并必须带返回值的原因是:

1.若组件中的data是一个普通对象,所有使用该组件(组件是一个可以多次
用的实例)的都引用同一个data,会造成数据污染(即:一改皆改);
2.而组件中的data被封装成一个函数时,在实例化组件时调用的仅仅是函数生成的副本

1.Vue实例中的data和组件化项目中的data

//组件化项目的data
data() {
    return {     
    };

//Vue实例中的data
new Vue({
	el:"#app",
	data:{}
	});

2.组件中不把data写成带返回值的函数

结果发生如下报错:

Vue警告:data函数应该返回一个对象