Vue父子組件通信

Vue父子組件通信

Web中的組件其實就是頁面組成的一部分魔招。

那組件之間的通信該怎么辦?這是個重點(必須掌握)五辽,同時也是一個難點(必須掌握)办斑。

詳細介紹,請往下看:

父傳子

1杆逗、可以在父組件上使用自定義屬性綁定數(shù)據(jù)乡翅;

2、在子組件中需要顯示的用props聲明自定義屬性名罪郊,然后就可以接收到父組件傳遞過來的數(shù)據(jù)蠕蚜;

demo(改變button上的value值):


子傳父

1、在子組件選項對象中通過$emit自定義事件;

2悔橄、在子組件標簽上通過@綁定定義好的自定義事件靶累,及要執(zhí)行的方法腺毫;

3、把子組件標簽上定義的方法挣柬,放在父組件的選項對象中潮酒,就可以接收到子組件修改過后的數(shù)據(jù)及狀態(tài);

demo:


不理解的邪蛔,照著demo好好敲遍急黎,其實很簡單O(∩_∩)O哈哈哈~

最后編輯于
?著作權歸作者所有,轉載或內(nèi)容合作請聯(lián)系作者
  • 序言:七十年代末,一起剝皮案震驚了整個濱河市侧到,隨后出現(xiàn)的幾起案子勃教,更是在濱河造成了極大的恐慌,老刑警劉巖匠抗,帶你破解...
    沈念sama閱讀 221,576評論 6 515
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件故源,死亡現(xiàn)場離奇詭異,居然都是意外死亡戈咳,警方通過查閱死者的電腦和手機,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 94,515評論 3 399
  • 文/潘曉璐 我一進店門壕吹,熙熙樓的掌柜王于貴愁眉苦臉地迎上來著蛙,“玉大人,你說我怎么就攤上這事耳贬√けぃ” “怎么了?”我有些...
    開封第一講書人閱讀 168,017評論 0 360
  • 文/不壞的土叔 我叫張陵咒劲,是天一觀的道長顷蟆。 經(jīng)常有香客問我,道長腐魂,這世上最難降的妖魔是什么帐偎? 我笑而不...
    開封第一講書人閱讀 59,626評論 1 296
  • 正文 為了忘掉前任,我火速辦了婚禮蛔屹,結果婚禮上削樊,老公的妹妹穿的比我還像新娘。我一直安慰自己兔毒,他們只是感情好漫贞,可當我...
    茶點故事閱讀 68,625評論 6 397
  • 文/花漫 我一把揭開白布。 她就那樣靜靜地躺著育叁,像睡著了一般迅脐。 火紅的嫁衣襯著肌膚如雪。 梳的紋絲不亂的頭發(fā)上豪嗽,一...
    開封第一講書人閱讀 52,255評論 1 308
  • 那天谴蔑,我揣著相機與錄音豌骏,去河邊找鬼。 笑死树碱,一個胖子當著我的面吹牛肯适,可吹牛的內(nèi)容都是我干的。 我是一名探鬼主播成榜,決...
    沈念sama閱讀 40,825評論 3 421
  • 文/蒼蘭香墨 我猛地睜開眼框舔,長吁一口氣:“原來是場噩夢啊……” “哼!你這毒婦竟也來了赎婚?” 一聲冷哼從身側響起刘绣,我...
    開封第一講書人閱讀 39,729評論 0 276
  • 序言:老撾萬榮一對情侶失蹤,失蹤者是張志新(化名)和其女友劉穎挣输,沒想到半個月后纬凤,有當?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體,經(jīng)...
    沈念sama閱讀 46,271評論 1 320
  • 正文 獨居荒郊野嶺守林人離奇死亡撩嚼,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點故事閱讀 38,363評論 3 340
  • 正文 我和宋清朗相戀三年停士,在試婚紗的時候發(fā)現(xiàn)自己被綠了。 大學時的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片完丽。...
    茶點故事閱讀 40,498評論 1 352
  • 序言:一個原本活蹦亂跳的男人離奇死亡恋技,死狀恐怖,靈堂內(nèi)的尸體忽然破棺而出逻族,到底是詐尸還是另有隱情蜻底,我是刑警寧澤,帶...
    沈念sama閱讀 36,183評論 5 350
  • 正文 年R本政府宣布聘鳞,位于F島的核電站薄辅,受9級特大地震影響,放射性物質(zhì)發(fā)生泄漏抠璃。R本人自食惡果不足惜站楚,卻給世界環(huán)境...
    茶點故事閱讀 41,867評論 3 333
  • 文/蒙蒙 一、第九天 我趴在偏房一處隱蔽的房頂上張望搏嗡。 院中可真熱鬧源请,春花似錦、人聲如沸彻况。這莊子的主人今日做“春日...
    開封第一講書人閱讀 32,338評論 0 24
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽纽甘。三九已至良蛮,卻和暖如春,著一層夾襖步出監(jiān)牢的瞬間悍赢,已是汗流浹背决瞳。 一陣腳步聲響...
    開封第一講書人閱讀 33,458評論 1 272
  • 我被黑心中介騙來泰國打工货徙, 沒想到剛下飛機就差點兒被人妖公主榨干…… 1. 我叫王不留,地道東北人皮胡。 一個月前我還...
    沈念sama閱讀 48,906評論 3 376
  • 正文 我出身青樓痴颊,卻偏偏與公主長得像,于是被迫代替她去往敵國和親屡贺。 傳聞我的和親對象是個殘疾皇子蠢棱,可洞房花燭夜當晚...
    茶點故事閱讀 45,507評論 2 359

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

  • 一、父傳子1甩栈、可以在父組件上使用自定義屬性綁定數(shù)據(jù)泻仙;2、在子組件中需要顯示的用props聲明自定義屬性名量没,然后就可...
    LIsPeri閱讀 239評論 0 1
  • Web中的組件其實就是頁面組成的一部分 父傳子 1玉转、可以在父組件上使用自定義屬性綁定數(shù)據(jù); 2殴蹄、在子組件中需要顯示...
    L怪丫頭閱讀 214評論 0 1
  • Spring Cloud為開發(fā)人員提供了快速構建分布式系統(tǒng)中一些常見模式的工具(例如配置管理究抓,服務發(fā)現(xiàn),斷路器袭灯,智...
    卡卡羅2017閱讀 134,699評論 18 139
  • 1.子組件獲取父組件data 子組件為bbb父組件為aaabbb想要獲取aaa里的msg,msg1 父組件調(diào)用子組...
    玄月府的小妖在debug閱讀 845評論 0 4
  • 在使用vue的過程中刺下,如果需要進行父子組件間的通信,通過查閱官方文檔我們可以了解到只需要在子組件要顯式地用 pro...
    fisher_zh閱讀 424評論 0 1