其他分享
首页 > 其他分享> > Vue provide/inject 使用

Vue provide/inject 使用

作者:互联网

父组件定义:

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

 

子孙组件接受方式:

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

 

标签:parentValue,Vue,provide,default,inject,组件,默认值
来源: https://www.cnblogs.com/87duan/p/15419187.html