vue兄弟父子组件之间传值

一：父组件修改子组件的值

1.在父组件中声明子组件

import editstability from '../edit/editSimilarStability.vue'

2.使用引入的子组件,可以通过 ref 这个 attribute 为子组件赋予一个 ID 引用

  <editstability
        v-if="editVisible"
        ref="editVisibleRef"
        @alterGovernorSt="getData"
      ></editstability>

3.在父组件修改子组件内容

修改子组件变量

  this.$refs.editVisibleRef.child= '父组件修改子组件内容'

调用子组件方法

 this.$refs.editVisibleRef.init(this.modifyData)

二：子组件修改父组件的值
　　博主：xing.org1^
　　原文链接
　　
三：兄弟组件之间传值
1.在组件A中声明一个方法

  this.bus.$emit('toAlternatorExciter', res.data.exciterModelIDList) //方法名称和参数

2.在组件B中接收方法

 mounted() {
    let _this = this
    // 发电机详情下点击【SWI参数】按钮获取调速器模型数据
    // this.bus.$on('toAlternatorGovernor', function (data) {
    //   _this.tableData = data
    //   _this.rowClick(data[0])
    // })
    // 
    this.bus.$on('toAlternatorGovernor', (data) => {
      this.tableData = data
      this.rowClick(data[0])
    })
  },