父组件给子组件传递消息很简单,只需要两步就行
1.在子组件中放置接收消息的变量
props:{'接收消息的变量'}
2.在子组件模板中,把'接收消息的变量'和父组件中的变量绑定在一起
talk is cheap,give you code
1.子组件模板
在模板里放置变量:cmessage,能显示数据就是成功接收到父组件的数据了
<template id="cpn">
<div>
{
{cmessage}}
</div>
</template>
2.子组件
接收父组件数据的变量要放在props里面,这是子传父的关键步骤1
const cpn={
template:'#cpn',
props:{
cmessage:''
}
}
3.父组件
在components里面注册子组件
放置消息message
const app = new Vue({
el:'#app',
data:{
message:'我是父组件中的数据',
},
components: