首页 > 技术文章 > vue的依赖注入provide和inject

llcdxh 2019-01-28 17:06 原文

一、解决的场景问题:

  根父组件A有一个方法getMap,该组件A下的所有子组件B,子组件C,子组件D,或者子组件B下的子组件E等层层嵌套情况下,在某种情况下,都需要访问父组件的getMap方法,那么常用的方法是子组件B:this.$parent.getMap(),组件E则是:this.$parent.$parent.getMap()以此类推;这种情况下,使用 $parent 属性无法很好的扩展到更深层级的嵌套组件上。

二、解决方式如下

  根组件A使用provide对外提供被访问的函数,子组件使用inject“导入”父组件的函数即可

 

推荐阅读