父组件 传递 子组件
通过属性绑定v-bind 和 props属性
props里数据只读不可写
<html>
<body>
<div id="app">
<mycom3 v-bind:parent="parent_msg"></mycom3>
</div>
</body>
<script src="../js/vue.js"></script>
<script>
let app = new Vue({
el:'#app',
data:{
parent_msg:'这是父组件数据',
},
components:{
mycom3:{
template:'<h1>这是子组件---{{parent}}</h1>',
props:['parent'],
data() {
return {
son_msg:'这是子数据'
}
},
}
}
})
</script>
</html>