第一:子组件通过自定义事件向父组件传递信息。
<button v-on:click='$emit("countSum")'> 计算</button>
第二:父组件监听子组件的事件
<menu-item v-on:countSum='sum+=1'></menu-item>
具体的实现步骤如下:
1、构建基本的结构
<div id="app">
</div>
var vm = new Vue({
el: '#app',
data: {
}
})
2、构建相应的父组件。
Vue.component('father', {
template: '<div>我的儿子叫{
{mySonName}}</div>',
data() {
return {
mySonName: ''
}
}
}
3、 构建相应的子组件, 并且单击子组件中的按钮给父组件传值。
Vue.component('father', {