摘要:首先創建一個的空白實例兄弟組件的橋梁子組件發送放使用自定義事件把數據帶過去。組件把組件數據傳遞給子組件接收方通過監聽自定義事件的接收數據組件,傳的數據為監聽事件,回調函數要使用箭頭函數。
1.$refs的使用場景
父組件調用子組件的方法,可以傳遞數據。
父組件: 子組件: $emit的使用子組件調用父組件的方法并傳遞數據。
子組件: 父組件:3.$on的使用場景//父組件通過監測my-event事件執行一個方法,然后取到子組件中傳遞過來的值。 兄弟組件之間相互傳遞數據。
首先創建一個Vue的空白實例(兄弟組件的橋梁)import Vue from "vue"; export default new Vue();子組件A:發送放使用$emit自定義事件把數據帶過去。
A組件-{{msg}}子組件B:接收方通過$on監聽自定義事件的callback接收數據
B組件,A傳的數據為--{{msg}}父組件:
文章版權歸作者所有,未經允許請勿轉載,若此文章存在違規行為,您可以聯系管理員刪除。
轉載請注明本文地址:http://specialneedsforspecialkids.com/yun/102727.html
相關文章
Vue實例方法之事件的實現
摘要:例子觸發自定義事件二源碼分析事件的初始化工作我們在使用自定義事件的的時候,肯定有個地方是需要來存我們的事件和回調的地方。這里不做過多討論自定義事件的掛載方式自定義事件的掛載是在方法中實現的。 開始 這段時間一直在看vue的源碼,源碼非常多和雜,所以自己結合資料和理解理出了一個主線,然后根據主線去剝離其他的一些知識點,然后將各個知識點逐一學習。這里主要是分析的事件系統的實現。 正文 一、...
Vue實例方法之事件的實現
摘要:例子觸發自定義事件二源碼分析事件的初始化工作我們在使用自定義事件的的時候,肯定有個地方是需要來存我們的事件和回調的地方。這里不做過多討論自定義事件的掛載方式自定義事件的掛載是在方法中實現的。 開始 這段時間一直在看vue的源碼,源碼非常多和雜,所以自己結合資料和理解理出了一個主線,然后根據主線去剝離其他的一些知識點,然后將各個知識點逐一學習。這里主要是分析的事件系統的實現。 正文 一、...
前端框架_Vue
摘要:如果沒有文件,則讀取文件夾下的或者。如果都都找不到,拋出錯誤。 JS表達式 函數(方法)調用表達式 test() //函數調用表達式 屬性調用表達式 var obj = {name:wt}; var arr = [123,bai]; obj.name //屬性調用表達式 arr[0] //屬性調用表達式 變量(常量)調用表達式 let name = wutao; name ...
vue采用EventBus實現跨組件通信及注意事項
摘要:掛載到添加文件第一個參數是事件對象,第二個參數是接收到消息信息,可以是任意類型事件訂閱監聽當前實例上的自定義事件。取消事件訂閱,移除自定義事件監聽器。 EventBus EventBus是一種發布/訂閱事件設計模式的實踐。在vue中適用于跨組件簡單通信,不適應用于復雜場景多組件高頻率通信,類似購物車等場景狀態管理建議采用vuex。 掛載EventBus到vue.prototype 添加...
發表評論
0條評論
閱讀 3196·2021-11-18 10:02
閱讀 1446·2021-10-12 10:08
閱讀 1239·2021-10-11 10:58
閱讀 1269·2021-10-11 10:57
閱讀 1167·2021-10-08 10:04
閱讀 2121·2021-09-29 09:35
閱讀 773·2021-09-22 15:44
閱讀 1269·2021-09-03 10:30