子集获取父集
子组件之内:
props:{
'm':String,
'myMsg':Number
}
在调用子组件上写:
<bbb :m="数据"></bbb>
父级获取子集
子组件把自己的数据,发送到父级
vm.$emit(事件名,数据);
父级@事件名接受
v-on: @
子集
this.$emit('child-msg',this.a);
父级
<bbb @child-msg="get"></bbb>
//父级方法中
get(msg){
this.msg=msg;
}
废弃
vm.$dispatch(事件名,数据) 子级向父级发送数据
vm.$broadcast(事件名,数据) 父级向子级广播数据
配合: event:{}
在vue2.0里面已经,报废了
slot位置、槽口
作用: 占个位置
<aaa>//使用组件模版
<ul>
<li>1111</li>
<li>2222</li>
<li>3333</li>
</ul>
</aaa>
<aaa></aaa>//这显示<h1>xxxx</h1>这是默认的情况
<template id="aaa">
<h1>xxxx</h1>
<slot>这是默认的情况</slot>//组件模版里的东西都显示在这,如果没有的话就是slot里的东西
</template>
如果有多个
最后编辑于 :
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。