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

相關文章
相關標籤/搜索