Vue 组件之间传参/调用

父子组件之间不能直接传参或者调用方法

父 => 子，传值（props）
使用v-bind传值给子组件，子组件使用props来接收
父：

子：

子 => 父，传值（$emit）在子组件方法里使用$emit来触发父组件的口令绑定的方法
注意html不区分大小写，按理说子组件中声明的口令hideCoupon在父组件绑定在html上时可以用hide-coupon的，但是没触发
父：


子：

子 => 父，调用（$refs）父组件需要定义一个方法，然后在里面通过$refs来调用对应子组件的方法
父：

子：

父=>子，调用（provide/inject）
使用provide传递当前组件实例

provide() {
    return {
      showServiceInfo: this.showServiceInfo
    }
  },

在后代组件中接收组件

export default {
  inject: ["showServiceInfo"],
  data() {
    return {
      serviceList: [],
      dialogVisible: false,
      multipleSelection: []
    }
  },
}