1.如何定义组件中的数据data
一般不会像上图那样在组件中定义数据,这是引用赋值,如果多处使用到这个组件,组件改变了数据,会影响到其他这个组件在其他地方的使用,不是我们想要的。
要想每个组件的数据传输都是独立的,就用以下写法:
在data中定义一个函数,将我们要的数据return出来,还可以这样简写
var vheader = {
template:'<p>Hello<v-header-child></v-header-child></p>',
components:{
'v-header-child': vheaderchild
},
data (){
return {
data1: 1,
data2: 2
}
}
}