成人国产在线小视频_日韩寡妇人妻调教在线播放_色成人www永久在线观看_2018国产精品久久_亚洲欧美高清在线30p_亚洲少妇综合一区_黄色在线播放国产_亚洲另类技巧小说校园_国产主播xx日韩_a级毛片在线免费

資訊專欄INFORMATION COLUMN

vue的$refs$emit$on$once$off的使用。

xcold / 3231人閱讀

摘要：首先創(chuàng)建一個(gè)的空白實(shí)例兄弟組件的橋梁子組件發(fā)送放使用自定義事件把數(shù)據(jù)帶過(guò)去。組件把組件數(shù)據(jù)傳遞給子組件接收方通過(guò)監(jiān)聽(tīng)自定義事件的接收數(shù)據(jù)組件，傳的數(shù)據(jù)為監(jiān)聽(tīng)事件，回調(diào)函數(shù)要使用箭頭函數(shù)。

1.$refs的使用場(chǎng)景

父組件調(diào)用子組件的方法，可以傳遞數(shù)據(jù)。

父組件：


    
    





子組件：
$emit的使用

子組件調(diào)用父組件的方法并傳遞數(shù)據(jù)。

子組件：


父組件：
3.$on的使用場(chǎng)景

兄弟組件之間相互傳遞數(shù)據(jù)。
首先創(chuàng)建一個(gè)Vue的空白實(shí)例（兄弟組件的橋梁）

import Vue from "vue";
export default new Vue();

子組件A:發(fā)送放使用$emit自定義事件把數(shù)據(jù)帶過(guò)去。

子組件B:接收方通過(guò)$on監(jiān)聽(tīng)自定義事件的callback接收數(shù)據(jù)

父組件：

文章版權(quán)歸作者所有，未經(jīng)允許請(qǐng)勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。

轉(zhuǎn)載請(qǐng)注明本文地址：http://systransis.cn/yun/102727.html

相關(guān)文章

  • Vue實(shí)例方法之事件的實(shí)現(xiàn)

    摘要：例子觸發(fā)自定義事件二源碼分析事件的初始化工作我們?cè)谑褂米远x事件的的時(shí)候，肯定有個(gè)地方是需要來(lái)存我們的事件和回調(diào)的地方。這里不做過(guò)多討論自定義事件的掛載方式自定義事件的掛載是在方法中實(shí)現(xiàn)的。 開(kāi)始 這段時(shí)間一直在看vue的源碼，源碼非常多和雜，所以自己結(jié)合資料和理解理出了一個(gè)主線，然后根據(jù)主線去剝離其他的一些知識(shí)點(diǎn)，然后將各個(gè)知識(shí)點(diǎn)逐一學(xué)習(xí)。這里主要是分析的事件系統(tǒng)的實(shí)現(xiàn)。 正文 一、...

    劉德剛 評(píng)論0 收藏0

  • Vue實(shí)例方法之事件的實(shí)現(xiàn)

    摘要：例子觸發(fā)自定義事件二源碼分析事件的初始化工作我們?cè)谑褂米远x事件的的時(shí)候，肯定有個(gè)地方是需要來(lái)存我們的事件和回調(diào)的地方。這里不做過(guò)多討論自定義事件的掛載方式自定義事件的掛載是在方法中實(shí)現(xiàn)的。 開(kāi)始 這段時(shí)間一直在看vue的源碼，源碼非常多和雜，所以自己結(jié)合資料和理解理出了一個(gè)主線，然后根據(jù)主線去剝離其他的一些知識(shí)點(diǎn)，然后將各個(gè)知識(shí)點(diǎn)逐一學(xué)習(xí)。這里主要是分析的事件系統(tǒng)的實(shí)現(xiàn)。 正文 一、...

    SwordFly 評(píng)論0 收藏0

  • 前端框架_Vue

    摘要：如果沒(méi)有文件，則讀取文件夾下的或者。如果都都找不到，拋出錯(cuò)誤。 JS表達(dá)式 函數(shù)（方法）調(diào)用表達(dá)式 test() //函數(shù)調(diào)用表達(dá)式 屬性調(diào)用表達(dá)式 var obj = {name:wt}; var arr = [123,bai]; obj.name //屬性調(diào)用表達(dá)式 arr[0] //屬性調(diào)用表達(dá)式 變量（常量）調(diào)用表達(dá)式 let name = wutao; name ...

    qieangel2013 評(píng)論0 收藏0

  • vue采用EventBus實(shí)現(xiàn)跨組件通信及注意事項(xiàng)

    摘要：掛載到添加文件第一個(gè)參數(shù)是事件對(duì)象，第二個(gè)參數(shù)是接收到消息信息，可以是任意類型事件訂閱監(jiān)聽(tīng)當(dāng)前實(shí)例上的自定義事件。取消事件訂閱，移除自定義事件監(jiān)聽(tīng)器。 EventBus EventBus是一種發(fā)布/訂閱事件設(shè)計(jì)模式的實(shí)踐。在vue中適用于跨組件簡(jiǎn)單通信，不適應(yīng)用于復(fù)雜場(chǎng)景多組件高頻率通信，類似購(gòu)物車等場(chǎng)景狀態(tài)管理建議采用vuex。 掛載EventBus到vue.prototype 添加...

    Panda 評(píng)論0 收藏0

發(fā)表評(píng)論

0條評(píng)論

最新活動(dòng)
閱讀需要支付1元查看
<