vue的provide和inject特性

2022-02-16 06:28:53 字數 745 閱讀 2015

元件之間的通訊可以通過props和$emit的方式進行通訊,但是如果元件之間的關係非常複雜的話,通過以上的方式會很麻煩,並且程式會非常脆弱,沒有建中性可言。

在vue2.2.0 中新增provide和inject屬性,可以方便的幫助我們進行元件間的傳值。

使用的方式很簡單:

父元件通過provide提供資料,其他組價可以使用inject注入資料。

不推薦直接用於應用程式**中。一般使用的場景是自定義元件庫的時候,底層元件之間需要通訊的時候使用。

provide 和 inject 主要為高階外掛程式/元件庫提供用例。並不推薦直接用於應用程式**中。

這對選項需要一起使用,以允許乙個祖先元件向其所有子孫後代注入乙個依賴,不論元件層次有多深,並在起上下游關係成立的時間裡始終生效。

provide選項應該是乙個物件或返回乙個物件的函式。該物件包含可注入其子孫的屬性。

inject選項應該是:

父元件

子元件1:

}

子元件2:

}

此時,兩個子元件均會收到父元件傳遞的資料:

Vue中的provide和inject 依賴注入

一 名詞解析 provide object object inject array provide 提供依賴 是乙個物件,或者是乙個返回物件的函式。裡面呢就包含要給子孫後代的東西,也就是屬性和屬性值。inject 注入依賴乙個字串陣列,或者是乙個物件。屬性值可以是乙個物件,包含from和defaul...

Vue依賴注入 provide 和 inject

允許乙個祖先元件向其所有子孫後代注入乙個依賴,不論元件層次有多深,並在起上下游關係成立的時間裡始終生效 provide選項允許我們指定我們想要提供給後代元件的資料 方法 provide選項應該是乙個物件或返回乙個物件的函式 provide function 或者 provide 然後在任何後代元件裡...

Vue中provide和inject 用法

1.概念 成對出現 provide和inject是成對出現的 作用 用於父元件向子孫元件傳遞資料 使用方法 provide在父元件中返回要傳給下級的資料,inject在需要使用這個資料的子輩元件或者孫輩等下級元件中注入資料。使用場景 由於vue有 parent屬性可以讓子元件訪問父元件。但孫元件想要...