Vue从零开始总结25
之前通过props实现了父组件的数据传入子组件并使用,具体实现如下:
template id="son"
div
h2 {{subMessage}}/h2
/div
/template
const app=new Vue({
el:'#app',
data:{
message:'hello world'
},
components:{
cpn:{
template:'#son',
props:{
subMessage:String;
}
}
}
})
div id="app"
cpn :sub-message="message" /cpn
/div
这节主要是强调一下驼峰式命名法,在子组件行内的表示方法
-m代替M