js中写法:
var vm = new Vue({
el:"#newBrand",
data:{
msg:"天气真的很好"
},
components:{
mycom:{
props:['message'],
template:'<h1>从父组件获取的data中的msg是{{message}}</h1>'
}
}
});
html中写法:
<div id="newBrand">
<mycom :message="msg"></mycom>
</div>
效果: