vue $emit 父组件与子组件之间的通信（父组件向子组件传参）

1、首先新建一个子页面为 env.vue的文件（名字这里大家可以自取）

2、然后把子页面引入父页面，代码如图：

import env from '@/components/common/env'
export default {
  name: 'xxxxxxxxxxxxxxxx',
  components: {
    env
  }
}

在需要添加的地方写上<env></env>

<template scope="scope">
<env :rowData="scope.row" v-on:envLookData="lookData"></env>
</template>

3、子组件页面代码如图：

export default {
   name: 'env',
    props: {
      rowData:Object  　　//props里面的 rowData:Obiect, 这个是 定义一个传值类型（props 可以是数组或对象，用于接收来自父组件的数据）
    },
    methods: {
      runTimeEnvFnc(){
this.$emit("envLookData", this.rowData, this.rowData.productEnvVersion);　//$emit是触发当前实例上的事件。"envLookData"是从父组件传递过来的值
      }
    }
}