vue組件通訊

父子通訊

父組件向子組件通訊(單向數(shù)據(jù)流傳遞纸镊,子組件不應該改變父組件里面數(shù)據(jù)的值),父組件代碼如下

<zhead :speaktoson="dadSay"></zhead>

父組件在調(diào)用子組件的標簽上聲明自定義屬性,該屬性的值為父組件要向子組件通訊的內(nèi)容概疆,

props:["speaktoson"]

子組件通過props屬性聲明上述步驟中的自定義屬性為自組件的數(shù)據(jù)(變量)

子父通訊

子組件通過$emit('eventName','toDeliverData')發(fā)送一個自定義事件

this.$emit("speaktofather",{data:this.sonSay});

父組件通過v-on:eventName逗威,監(jiān)聽子組件發(fā)送的自定義事件,從事件對象里面剝離出子組件傳遞的值

<localcom @speaktofather="getSonMsg"></localcom>

兄弟通訊

聲明一個中央集線器var busHub = new Vue();

var busHub =  new Vue();

其中一個子組件利用busHub的$emit方法發(fā)送一個自定義事件岔冀,方法同上

busHub.$emit("speaktobrother",{data:"老鐵"});
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
  • 序言:七十年代末凯旭,一起剝皮案震驚了整個濱河市,隨后出現(xiàn)的幾起案子使套,更是在濱河造成了極大的恐慌罐呼,老刑警劉巖,帶你破解...
    沈念sama閱讀 216,372評論 6 498
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件侦高,死亡現(xiàn)場離奇詭異嫉柴,居然都是意外死亡,警方通過查閱死者的電腦和手機奉呛,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 92,368評論 3 392
  • 文/潘曉璐 我一進店門计螺,熙熙樓的掌柜王于貴愁眉苦臉地迎上來夯尽,“玉大人,你說我怎么就攤上這事登馒〕孜眨” “怎么了?”我有些...
    開封第一講書人閱讀 162,415評論 0 353
  • 文/不壞的土叔 我叫張陵陈轿,是天一觀的道長圈纺。 經(jīng)常有香客問我,道長麦射,這世上最難降的妖魔是什么赠堵? 我笑而不...
    開封第一講書人閱讀 58,157評論 1 292
  • 正文 為了忘掉前任,我火速辦了婚禮法褥,結(jié)果婚禮上,老公的妹妹穿的比我還像新娘酬屉。我一直安慰自己半等,他們只是感情好,可當我...
    茶點故事閱讀 67,171評論 6 388
  • 文/花漫 我一把揭開白布呐萨。 她就那樣靜靜地躺著杀饵,像睡著了一般。 火紅的嫁衣襯著肌膚如雪谬擦。 梳的紋絲不亂的頭發(fā)上切距,一...
    開封第一講書人閱讀 51,125評論 1 297
  • 那天,我揣著相機與錄音惨远,去河邊找鬼谜悟。 笑死,一個胖子當著我的面吹牛北秽,可吹牛的內(nèi)容都是我干的葡幸。 我是一名探鬼主播,決...
    沈念sama閱讀 40,028評論 3 417
  • 文/蒼蘭香墨 我猛地睜開眼贺氓,長吁一口氣:“原來是場噩夢啊……” “哼蔚叨!你這毒婦竟也來了?” 一聲冷哼從身側(cè)響起辙培,我...
    開封第一講書人閱讀 38,887評論 0 274
  • 序言:老撾萬榮一對情侶失蹤蔑水,失蹤者是張志新(化名)和其女友劉穎,沒想到半個月后扬蕊,有當?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體搀别,經(jīng)...
    沈念sama閱讀 45,310評論 1 310
  • 正文 獨居荒郊野嶺守林人離奇死亡,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點故事閱讀 37,533評論 2 332
  • 正文 我和宋清朗相戀三年厨相,在試婚紗的時候發(fā)現(xiàn)自己被綠了领曼。 大學時的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片鸥鹉。...
    茶點故事閱讀 39,690評論 1 348
  • 序言:一個原本活蹦亂跳的男人離奇死亡,死狀恐怖庶骄,靈堂內(nèi)的尸體忽然破棺而出毁渗,到底是詐尸還是另有隱情,我是刑警寧澤单刁,帶...
    沈念sama閱讀 35,411評論 5 343
  • 正文 年R本政府宣布灸异,位于F島的核電站,受9級特大地震影響羔飞,放射性物質(zhì)發(fā)生泄漏肺樟。R本人自食惡果不足惜,卻給世界環(huán)境...
    茶點故事閱讀 41,004評論 3 325
  • 文/蒙蒙 一逻淌、第九天 我趴在偏房一處隱蔽的房頂上張望么伯。 院中可真熱鬧,春花似錦卡儒、人聲如沸田柔。這莊子的主人今日做“春日...
    開封第一講書人閱讀 31,659評論 0 22
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽硬爆。三九已至,卻和暖如春擎鸠,著一層夾襖步出監(jiān)牢的瞬間缀磕,已是汗流浹背。 一陣腳步聲響...
    開封第一講書人閱讀 32,812評論 1 268
  • 我被黑心中介騙來泰國打工劣光, 沒想到剛下飛機就差點兒被人妖公主榨干…… 1. 我叫王不留袜蚕,地道東北人。 一個月前我還...
    沈念sama閱讀 47,693評論 2 368
  • 正文 我出身青樓绢涡,卻偏偏與公主長得像廷没,于是被迫代替她去往敵國和親。 傳聞我的和親對象是個殘疾皇子垂寥,可洞房花燭夜當晚...
    茶點故事閱讀 44,577評論 2 353

推薦閱讀更多精彩內(nèi)容

  • 組件通訊 一颠黎、組件:組件是可復用的 Vue 實例 二、創(chuàng)建組件: 例如: 三滞项、組件通訊 父傳子:1.創(chuàng)建兩個組件A...
    _TSRed閱讀 787評論 1 0
  • 一狭归、創(chuàng)建組件和使用組件 1、全局創(chuàng)建 2文判、 局部創(chuàng)建 第一步: 先創(chuàng)建一個單文件組件 例如:testcom.vu...
    林凡博閱讀 357評論 1 3
  • 此文基于官方文檔过椎,里面部分例子有改動,加上了一些自己的理解 什么是組件戏仓? 組件(Component)是 Vue.j...
    陸志均閱讀 3,825評論 5 14
  • (1)子訪問父組件:props (2)父訪問子組件:$emit (3)兄弟組件通信:子1傳給父組件疚宇,父再傳給子2 ...
    以手畫圓心閱讀 318評論 0 1
  • 在各種媒體上亡鼠,人們滿眼都是那些似乎青春無限的年輕人盡情的展現(xiàn)著自己的活力。他們在媒體上開放敷待、自由间涵、放縱,甚至是不遺...
    最重要的是思想閱讀 190評論 0 0