記錄provide 和 inject使用

2021-10-22 22:34:18 字數 611 閱讀 2984

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

provide選項應該是乙個物件或返回乙個物件的函式。

inject選項應該是乙個字串陣列,或乙個物件。

記錄具有響應能力的provide/inject

// 父元件

data() }},

provide()

},methods: ,

}

// 子元件

inject: ['user'],

watch:

},inject: ['user'],

methods: )

}

// 孫元件

inject: ['user'],

methods:

注意點:

1. 如果useritem不使用物件,直接使用useritem:『id』,這種不具有響應能力

2. 子元件中watch需要加deep才能監聽到

Vue依賴注入 provide 和 inject

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

依賴注入provide和inject

依賴注入 provide 和 inject 可以實現巢狀元件之間的資料傳遞 兩個函式只能在 setup 函式中使用 父元件中使用 provide 函式向下傳遞資料 子元件中使用 inject 函式獲取上層傳遞過來的資料 共享普通資料 父元件 import from vue composition a...

Vue中provide和inject 用法

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