缺點:不是可以響應的,傳入一個可以監聽的值,就可以做到響應(不適用大型專案)
祖先元件:
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] Provide and Inject Global StorageVueIDE
- 面試官:來談談Vue3的provide和inject實現多級傳遞的原理面試VueIDE
- Vue.js 原始碼學習五 —— provide 和 inject 學習Vue.js原始碼IDE
- vue 3 學習筆記 (八)——provide 和 inject 用法及原理Vue筆記IDE
- Vue入門--第五天--provide/injectVueIDE
- VueUse 是怎麼封裝Vue3 Provide/Inject 的?Vue封裝IDE
- 劍走偏鋒之Vue元件通訊(二)——利用provide / inject屬性構建全域性狀態管理Vue元件IDE
- 059、Vue3+TypeScript基礎,頁面通訊之父元件provide資料,子孫元件用inject直接使用VueTypeScript元件IDE
- WebSocket實現前後端通訊Web後端
- Vue 折騰記 - (18) 用Vue的Inject Provide結合Event Bus來實現區域性的狀態維護VueIDE
- 通訊協議protobuf的原理與實現協議
- inject 不生效?!依賴注入背後的實現原理和執行邏輯是怎樣的?依賴注入
- JAVA通訊(二)——實現客戶機和伺服器通訊Java伺服器
- QT:用QWebSocket實現webchannel,實現C++與HTML通訊QTWebC++HTML
- 實現客戶端與服務端的HTTP通訊客戶端服務端HTTP
- 網路通訊2:TCP通訊實現TCP
- 通過自動化和現代化實現網路優化優化
- 訊號處理技術:現代通訊技術的基石
- 如何優雅的實現訊息通訊?
- HTTPS通訊的C++實現HTTPC++
- Flutter UI使用Provide實現主題切換FlutterUIIDE
- 如何實現臺達PLC與上位機的資料通訊?
- 現代通訊技術基礎中的基礎
- 匿名管道通訊實現
- java實現UDP通訊JavaUDP
- 樂訊通雲通訊:物聯卡,現代智慧家居技術的必不可缺
- 基於 WebRTC 和 WebVR 實現 VR 視訊通話WebVR
- 實現不同程式之間的通訊
- DPSK通訊系統的FPGA實現FPGA
- [二、狀態管理]2管理元件擁有的狀態(4)@Provide裝飾器和@Consume裝飾器:與後代元件雙向同步元件IDE
- js訊息訂閱和釋出實現元件之間通訊JS元件
- angular + express 實現websocket通訊AngularExpressWeb
- Java實現TCP通訊程式JavaTCP
- 使用Java實現WebSocket通訊JavaWeb