vue 传值

1、父传子

1、在父组件中


（1） 定义一个方法

  methods: {
    aaa() {
  console.log(66);
},

}

（2）以传值的方式传递方法

  <homeBanner :banner="banner" :aaa="aaa"/>



2、在子组件中
（1）props 接收该方法

 props: ['aaa'],

（2）在需要的地方绑定该方法

 <div class="homeBanner" @click="aaa">

2、子传父

1、在 子组件中 

（1）在methds中定义方法 ：
method：{


 goToJm() {
      this.$emit("goToJm");
    },

}


（2）、在需要的地方调用

我这里是我项目的逻辑

 toPay(type) {
      if (this.QmOrder.status == 0) {
        const path = `${type === "wx_pay_id" ? "wechat/" : "alipay/"}?oid=${
          this.QmOrder.tjjm_oid
          }&bid=${this.productConfig.business[type]}`;
        location.href = `${process.env.VUE_APP_BASE_PAY_API}${path}`;
      } else {
        this.goToJm();
      }
    },

2、在父组件中

（1）在组件中监听该方法

 <resultRefer
      v-if="curIndex === 0 && namesList != ''"
      :productConfig="productConfig"
      :namesList="namesList"
      :qmStatus="qmStatus"
      :QmOrder="QmOrder"
      @goToJm="goToJm"
    />

（2）在methods中定义方法写逻辑

method：{


 goToJm() {
      // 逻辑
    },

}