5 父子組件之間的通訊和slot

子集獲取父集

    子組件之內(nèi):
    props:{
        'm':String,
        'myMsg':Number
    }
     在調(diào)用子組件上寫:  
     <bbb :m="數(shù)據(jù)"></bbb>

父級獲取子集

子組件把自己的數(shù)據(jù),發(fā)送到父級
    vm.$emit(事件名,數(shù)據(jù));
父級@事件名接受
         v-on:  @
子集
this.$emit('child-msg',this.a);
父級
<bbb @child-msg="get"></bbb>
//父級方法中
get(msg){
    this.msg=msg;
}
廢棄
vm.$dispatch(事件名,數(shù)據(jù))    子級向父級發(fā)送數(shù)據(jù)
vm.$broadcast(事件名,數(shù)據(jù))   父級向子級廣播數(shù)據(jù)
    配合: event:{}
    在vue2.0里面已經(jīng),報廢了

slot位置、槽口

作用: 占個位置
<aaa>//使用組件模版
    <ul>
        <li>1111</li>
        <li>2222</li>
        <li>3333</li>
    </ul>
</aaa>
<aaa></aaa>//這顯示<h1>xxxx</h1>這是默認(rèn)的情況
<template id="aaa">
    <h1>xxxx</h1>
    <slot>這是默認(rèn)的情況</slot>//組件模版里的東西都顯示在這,如果沒有的話就是slot里的東西
</template>
如果有多個
最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
平臺聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點,簡書系信息發(fā)布平臺,僅提供信息存儲服務(wù)。

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

  • 自定義的控件(自定義的標(biāo)簽),能夠封裝可重用的代碼,可擴展HTML標(biāo)簽功能 全局組件 不同作用域內(nèi)均可使用 定義...
    xlayzheng閱讀 313評論 0 0
  • “那又如何”:情緒低落為何會使人屈服于誘惑 為什么壓力會勾起欲望? 應(yīng)激反應(yīng)中釋放的壓力荷爾蒙,同樣會提高多巴胺神...
    ittianbao閱讀 689評論 0 0
  • 前一陣看了墨跡天氣的24小時折線圖,感覺很有意思。尤其是里面View跟著手指的滑動一起實時運動,效果體驗很好。 就...
    忍行者閱讀 9,419評論 6 30
  • 在前期我們學(xué)過將目標(biāo)分解成任務(wù),但在這之前我們首先要確定目標(biāo)是正確的,否則努力也是也是白費,因為方向是錯的。方向正...
    王朋彥閱讀 593評論 0 0
  • 我常常想:什么樣的愛情是最幸福的? 一 或許曾經(jīng)這樣的一個場景值得深思: :你給我滾。女的朝著男的怒吼,說著甩開了...
    沉吟大叔閱讀 884評論 0 3