3.Vue非父子組件之間的通信

jackzou 發(fā)布于2019-08-22 15:39 / 846人閱讀

摘要：非父子組件之間的通信如果不是父子組件需要通信那將怎樣實(shí)現(xiàn)呢首先我們需要?jiǎng)?chuàng)建一個(gè)事件中心通過事件中心來接收或者傳遞事件作為一個(gè)中轉(zhuǎn)站創(chuàng)建事件中心組件觸發(fā)事件監(jiān)聽組件觸發(fā)的事件然后調(diào)用方法觸發(fā)事件中心以及需要傳遞的事件此時(shí)此刻已完成需要的事件的

Vue非父子組件之間的通信

如果不是父子組件需要通信,那將怎樣實(shí)現(xiàn)呢?
首先我們需要?jiǎng)?chuàng)建一個(gè)事件中心,通過事件中心來接收或者傳遞事件,作為一個(gè)中轉(zhuǎn)站

1.創(chuàng)建事件中心

let eventControl = new Vue();

2.組件1觸發(fā)事件

此時(shí)此刻已完成需要的事件的添加到了中轉(zhuǎn)站,觸發(fā)事件已經(jīng)完成

3.組件2接收觸發(fā)事件

此時(shí)此刻已完成接收事件的監(jiān)聽在中轉(zhuǎn)站,接收事件已經(jīng)完成,當(dāng)觸發(fā)事件被點(diǎn)擊的,則中轉(zhuǎn)站中的接收事件
會(huì)監(jiān)聽到,從而完成費(fèi)父子組件間的通信,進(jìn)行傳遞msg信息

4.自定義事件傳遞信息這里不做闡述,方法會(huì)較為復(fù)雜,需要了解的可以觀看官方Api,謝謝

云服務(wù)器 GPU云服務(wù)器父子組件通信組件之間通信父子組件父子組件通訊

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

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

相關(guān)文章

Vue面試中，經(jīng)常會(huì)被問到的面試題/知識(shí)點(diǎn)(2019改進(jìn)版)

摘要：在第一版的基礎(chǔ)上進(jìn)行了優(yōu)化，新增一些面試題知識(shí)點(diǎn)，對(duì)一些知識(shí)點(diǎn)進(jìn)行更加深入的描述?？梢栽谠撱^子中進(jìn)一步地更改狀態(tài)，不會(huì)觸發(fā)附加的重渲染過程。改變中的狀態(tài)的唯一途徑就是顯式地提交。這兩個(gè)可以在不進(jìn)行刷新的情況下，操作瀏覽器的歷史紀(jì)錄。在第一版的基礎(chǔ)上進(jìn)行了優(yōu)化，新增一些面試題/知識(shí)點(diǎn)，對(duì)一些知識(shí)點(diǎn)進(jìn)行更加深入的描述。一、對(duì)于MVVM的理解？ MVVM 是 Model-View-Vie...

singerye 2019-08-26 11:00 評(píng)論0 收藏0
vue中8種組件通信方式, 值得收藏!

摘要：一父組件通過的方式向子組件傳遞數(shù)據(jù)，而通過子組件可以向父組件通信。而且只讀，不可被修改，所有修改都會(huì)失效并警告。之前寫了一篇關(guān)于vue面試總結(jié)的文章, 有不少網(wǎng)友提出組件之間通信方式還有很多, 這篇文章便是專門總結(jié)組件之間通信的 vue是數(shù)據(jù)驅(qū)動(dòng)視圖更新的框架, 所以對(duì)于vue來說組件間的數(shù)據(jù)通信非常重要，那么組件之間如何進(jìn)行數(shù)據(jù)通信的呢？首先我們需要知道在vue中組件之間存在什么樣...

BicycleWarrior 2019-08-26 10:44 評(píng)論0 收藏0
Vue 組件間通信方式

摘要：本身提供哪幾種通信方式首先靈感源于，支持雙向綁定，本質(zhì)還是單向數(shù)據(jù)流。跟一樣，組件間最基本的數(shù)據(jù)流是通過向子組件傳遞數(shù)據(jù)。但是在卻很少使用，因?yàn)榻M件可以自定義事件，即后面的組件間通信方式其實(shí)就是訂閱發(fā)布模式。例子是在 jsrun.net 平臺(tái)編寫，不支持移動(dòng)端平臺(tái)，所以本文建議在 PC 端進(jìn)行閱讀。 Vue 是數(shù)據(jù)驅(qū)動(dòng)的視圖框架，那么組件間的數(shù)據(jù)通信是必然的事情，那么組件間如何進(jìn)行數(shù)...

hss01248 2019-08-26 13:54 評(píng)論0 收藏0
vue2.0開發(fā)聊天程序（三）組件的通信

摘要：我在中寫了這段代碼在組件被創(chuàng)建時(shí)候?qū)?huì)執(zhí)行此函數(shù)相當(dāng)于進(jìn)入頁(yè)面的自執(zhí)行使用方法監(jiān)聽屬性并執(zhí)行一個(gè)回調(diào)函數(shù)按道理在元素被創(chuàng)建的時(shí)候，會(huì)將監(jiān)聽到的值賦給并且打印。天地不仁以萬物為芻狗，宇宙無義視眾生如螻蟻　　　　　　　　　　　　　　　　　　——蕭鼎和我上一節(jié)列出了５個(gè)關(guān)鍵點(diǎn)，第一個(gè)路由已經(jīng)解決了，接下來解決第二個(gè)問題：組件的通信問題一、組件的關(guān)系組件之間的關(guān)系無非就是兩種父子關(guān)系...

ddongjian0000 2019-08-21 11:27 評(píng)論0 收藏0
vue2.0指不了南

摘要：回調(diào)函數(shù)會(huì)接收所有傳入事件觸發(fā)函數(shù)的額外參數(shù)。添加事件偵聽器時(shí)使用模式。只當(dāng)事件是從偵聽器綁定的元素本身觸發(fā)時(shí)才觸發(fā)回調(diào)。零．混沌 vue是什么 vue是一套構(gòu)建用戶界面的漸進(jìn)式框架。他的特點(diǎn)：簡(jiǎn)潔：頁(yè)面由HTML模板+Json數(shù)據(jù)+Vue實(shí)例組成數(shù)據(jù)驅(qū)動(dòng)：自動(dòng)計(jì)算屬性和追蹤依賴的模板表達(dá)式組件化：用可復(fù)用、解耦的組件來構(gòu)造頁(yè)面輕量：代碼量小，不依賴其他庫(kù) 快速：精確有...

張紅新 2019-08-20 15:31 評(píng)論0 收藏0