<body>
<div id="app">
<!-- <div>
<h1>A --</h1>
<div>
<p>B</p>
</div>
</div> -->
<my-a></my-a>
</div>
<script>
Vue.component("my-a", {
data(){
return {a:""}
},
template: `
<div>
<h1>A -- {{a}}</h1>
<my-b @btoa="fn"></my-b>
</div>
`,
methods: {
fn(x){
console.log(x);
this.a=x;
}
},
})
Vue.component("my-b", {
data(){
return {
bVal:6666666666
}
},
template: `
<div>
<p >B -- {{ bVal }}</p>
<button @click="$emit('btoa',bVal)">传递给A 组件</button>
</div>
`
})
new Vue({ el: "#app" })
</script>
</body>