vue中使用provide/inject响应数据隔代传值

want、

于 2021-03-18 15:28:07 发布

阅读量548

点赞数

分类专栏：工作中的一点记录

本文链接：https://blog.youkuaiyun.com/javaScript_want/article/details/114980617

版权

工作中的一点记录专栏收录该内容

14 篇文章

订阅专栏

父组件：

provide返回一个函数调用函数内部返回响应的数据，即可在其他条件下修改响应数据传递给子代组件

 provide(){
    return {
      itemDataHandle:()=>this.itemData
    }
  },

隔代组件：
隔代组件通过inject获取传输进来的数据
并通过

inject: ['itemDataHandle'],
此时的itemDataHandle是个函数,可以使用computed返回这个函数的结果
computed: {
    getItemDataHandle () {
      return this.itemDataHandle()
    }
  },