组件传值（爷孙响应式的）

组件传值（爷孙响应式的）"/>

组件传值（爷孙响应式的）

1：爷爷组件内（用provide定义）

export default {

  provide() {

    return {

      changeShowed: this.changeShowed, // 祖先组件提供数据

      getReaciveNameFromParent: () => this.changeShowed,

    };

  },

  data() {

    return {

      changeShowed: false

}

}

2：孙子组件内(接受值和方法)：

export default {

  inheritAttrs: false,

  inject: ["changeShowed", "getReaciveNameFromParent"],

 computed: {//计算属性定义一个新的值 这个值就是爷爷传过来的响应式变量

    reactiveNameFromParent() {

      return this.getReaciveNameFromParent();

    },

  },

}