Provide 和 Inject 的用法

父子组件之间可以用$emit来进行传值,当层级比较深时,这个方法就不太适用,vue给我们提供了另一个方法。可以不限层级直接调用你的函数

inject:接收一个数组字符串,里面的key是你provide绑定的方法名
provide: 一个返回函数的对象

例:

provide内编写

 
123456789101112
export default{ provide(){ return{ reload: this.reload } } } methods:{ reload(){ 执行数据处理 } }

inject内编写

 
1234
export default { inject:['reload'] } 在你需要的地方可以直接调用该方法【reload】即可
vue3里面app.config.globalProperties的使用
评论
chenxing努力改bug前端开发工程师深圳
文章5
分类2
标签1