子集獲取父集
子組件之內(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ù)。