vue父子组件传参（子组件触发父组件方法）

子元素触发父元素事件四步走

• 子组件定义一个事件，或者写在生命周期里面
• 子组件方法内（生命周期内），触发父元素事件 this.$emit("方法名"，参数)；
• 把子组件引入父组件内，<子组件 @方法名=“父组件内方法”>
  注意，父组件内‘@方法名’要与
  子组件内this.$emit("方法名"，参数)，两个方法名保持一致
• 父组件内方法自己的逻辑

子组件 child.vue

父组件

除此之外还有一种比较直接的方法

• 新建一个js文件
• 子组件引入新建的bus
• 用bus触发on方法
  bus.js

import Vue from 'vue'
export var bus = new Vue()

子组件

父组件