组件作用域
注意组件中的data必须使用函数`,因为根实例使用一个组件就会创建一个实例,而同一个组件的实例是共用一个组件作用域,因此相同组件的data会相互影响,后面组件改变data中的值,前面组件的值也会改变。
但在使用了函数以后,每个实例都有了一个函数作用域,不同作用域下data就不会再影响。
关于vue中作用域:https://blog.csdn.net/qq449245884/article/details/105062071
data: function(){
return {
//data属性的property
}
}
props为什么不需要使用函数
data中存储的property是私有的,属于组件的;但Prop 是约定了从父组件向子组件传参的一个接口,传递来的数据并不属于组件,组件并不能更改。