Vue provide/inject 使用

父组件定义:

<script>
export default {
  // 父组件通过provide将自己的数据以对象形式传出去
  provide(){
    return {
      parentValue:"我是父组件的值啊"
    }
  }
};
</script>

 

子孙组件接受方式:

<script>
export default {
  // inject:["parentValue"], // 使用一个注入的值作为数据入口:
  inject:{
    // 使用一个默认值使其变成可选项
    parentValue: { // 健名
      from: 'parentValue', // 来源
      default: 'parentValue' // 默认值
    }
  }
}
</script>

 

上一篇:Vue中provide和inject 用法


下一篇:provide和inject