vue的依賴注入provide和inject


一、解決的場景問題:

  根父組件A有一個方法getMap,該組件A下的所有子組件B,子組件C,子組件D,或者子組件B下的子組件E等層層嵌套情況下,在某種情況下,都需要訪問父組件的getMap方法,那么常用的方法是子組件B:this.$parent.getMap(),組件E則是:this.$parent.$parent.getMap()以此類推;這種情況下,使用 $parent 屬性無法很好的擴展到更深層級的嵌套組件上。

二、解決方式如下

  根組件A使用provide對外提供被訪問的函數,子組件使用inject“導入”父組件的函數即可

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM