vue的依赖注入provide和inject

1、解决的场景问题:ide

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

2、解决方式以下this

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

相关文章
相关标签/搜索