1、子组件中,data必须为function,否则报错;
只有根组件data可为对象形式
错误示范:
Vue.compoent('row',{
data:{
}
})
正确示范:
Vue.compoent('row',{
data:function(){
return{
}
},
template:`<div></div>`
})
2、ref操作dom
3、子组件不可随意修改父组件传递的值例如:
<row :des="des"></row>
Vue.component('row', {template:`<div @click="handleClick">1</div>`,
props:{
des:{
type:Number,
default:0
}
},
methods:{
handleClick:function(){
this.des++
}
}
})