缺點:不是可以響應的,傳入一個可以監聽的值,就可以做到響應(不適用大型專案)
祖先元件:
provide(){
return{
//這裡面註冊的是 後代將要使用的資料
//這些資料儲存在_provided中,可以是物件也可以是閉包的方式,
//閉包的好處是:他會在等例項上的資訊都掛載完畢後再處理
a:11,
b:22,
change:this.change
},
methods:{
change(type){
...
}
this.forceUpdate()//強制重新整理
}
}
後代元件:
//和 props一樣都會把註冊的資訊掛載到例項上
inject:['change'],
methods:{
handle(){
this.change(type)
}
}
複製程式碼
provide 和 inject 實現祖先與後代的通訊
相關文章
- 元件間通訊provide和inject元件IDE
- 元件通訊 provide inject元件IDE
- provide/injectIDE
- 淺談vue中provide和inject 用法VueIDE
- vue 3 學習筆記 (八)——provide 和 inject 用法及原理Vue筆記IDE
- Vue.js 原始碼學習五 —— provide 和 inject 學習Vue.js原始碼IDE
- 劍走偏鋒之Vue元件通訊(二)——利用provide / inject屬性構建全域性狀態管理Vue元件IDE
- WebSocket實現前後端通訊Web後端
- Vue入門--第五天--provide/injectVueIDE
- 059、Vue3+TypeScript基礎,頁面通訊之父元件provide資料,子孫元件用inject直接使用VueTypeScript元件IDE
- VueUse 是怎麼封裝Vue3 Provide/Inject 的?Vue封裝IDE
- 通訊協議protobuf的原理與實現協議
- Vue 折騰記 - (18) 用Vue的Inject Provide結合Event Bus來實現區域性的狀態維護VueIDE
- 訊號處理技術:現代通訊技術的基石
- inject 不生效?!依賴注入背後的實現原理和執行邏輯是怎樣的?依賴注入
- JAVA通訊(二)——實現客戶機和伺服器通訊Java伺服器
- Extjs 通過 Ext.Direct 實現與 Laravel 通訊JSLaravel
- 現代通訊技術基礎中的基礎
- QT:用QWebSocket實現webchannel,實現C++與HTML通訊QTWebC++HTML
- 網路通訊2:TCP通訊實現TCP
- 樂訊通雲通訊:物聯卡,現代智慧家居技術的必不可缺
- 如何優雅的實現訊息通訊?
- 實現客戶端與服務端的HTTP通訊客戶端服務端HTTP
- 用XMLHTTP實現無重新整理的與server通訊XMLHTTPServer
- 通過自動化和現代化實現網路優化優化
- 簡單通訊錄的實現
- 現代IM系統中訊息推送和儲存架構的實現架構
- 匿名管道通訊實現
- java實現UDP通訊JavaUDP
- 如何實現臺達PLC與上位機的資料通訊?
- 利用TWAIN-實現與影象輸入裝置的通訊AI
- Java通過wait()和notifyAll()方法實現執行緒間的通訊JavaAI執行緒
- P2P通訊原理與實現(C++)C++
- SWING 應用如何實現JAAS,與容器通訊
- 物聯網通訊與普通簡訊通訊的區別和要注意的地方
- 《現代通訊網路技術》讀書筆記筆記
- 實現不同程式之間的通訊
- HTTPS通訊的C++實現HTTPC++