父子通信 2018-05-29

父传子


在父组件上自定义一个属性并将想要传到子组件的数据用v-bind绑定到自定义属性上。

在子组件里通过props["父组件自定义属性名"]进行接收,子组件在使用父组件传递过来的数据时,数据的名字应该为父组件的自定义属性名。

子传父


在子组件的methods中定义一个方法,方法通过this.$emit("自定义事件名称",要传送的数据)  在子组件中调用这个方法。

在父组件中绑定子组件的自定义名称@自定义名称 并在methods中定义一个方法,此方法不用写形参 就可拿到子组件的数据。

©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • Spring Cloud为开发人员提供了快速构建分布式系统中一些常见模式的工具(例如配置管理,服务发现,断路器,智...
    卡卡罗2017阅读 135,323评论 19 139
  • 这是16年5月份编辑的一份比较杂乱适合自己观看的学习记录文档,今天18年5月份再次想写文章,发现简书还为我保存起的...
    Jenaral阅读 7,891评论 2 9
  • 这篇笔记主要包含 Vue 2 不同于 Vue 1 或者特有的内容,还有我对于 Vue 1.0 印象不深的内容。关于...
    云之外阅读 10,455评论 0 29
  • 1.安装 可以简单地在页面引入Vue.js作为独立版本,Vue即被注册为全局变量,可以在页面使用了。 如果希望搭建...
    Awey阅读 13,787评论 4 129
  • 矩阵求和问题 给定m x n 矩阵 A,求A11到Amn的最短路径,一次只能走一步,只能向右向下或者向右斜方移动。
    ScorMan_T阅读 1,690评论 0 0