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函数应该返回一个对象