這對選項需要一起使用,以允許乙個祖先元件向其所有子孫後代注入乙個依賴,不論元件層次有多深,並在其上下游關係成立的時間裡始終生效。
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屬性可以讓子元件訪問父元件。但孫元件想要...