5 父子组件之间的通讯和slot

子集获取父集

    子组件之内:
    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辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 自定义的控件(自定义的标签),能够封装可重用的代码,可扩展HTML标签功能 全局组件 不同作用域内均可使用 定义...
    xlayzheng阅读 2,481评论 0 0
  • “那又如何”:情绪低落为何会使人屈服于诱惑 为什么压力会勾起欲望? 应激反应中释放的压力荷尔蒙,同样会提高多巴胺神...
    ittianbao阅读 3,935评论 0 0
  • 前一阵看了墨迹天气的24小时折线图,感觉很有意思。尤其是里面View跟着手指的滑动一起实时运动,效果体验很好。 就...
    忍行者阅读 13,150评论 6 30
  • 在前期我们学过将目标分解成任务,但在这之前我们首先要确定目标是正确的,否则努力也是也是白费,因为方向是错的。方向正...
    王朋彦阅读 3,759评论 0 0
  • 爱你不需要理由 那一年,我在桥头看你,而你却从未看我一眼,我以为就算你不爱我,我也会爱着你,可...
    ka琼阅读 1,450评论 0 1

友情链接更多精彩内容