首页 > 其他 > 详细

vue的组件通讯 父传子 -- 子传父-- 兄弟组件的传值

时间:2019-12-25 01:50:33      阅读:138      评论:0      收藏:0      [点我收藏+]

首先文字简单撸一下

父子传子   -------首先在父组件上绑定一个属性,在子组件里用props接收,可以是数组或者是对象

子传父   ------在父组件升上自定义一个方法,在子组件里通过this.$emit("父组件上的方法名",a)     /-------a------/代表需要传递的参数       

兄弟组件通讯   需要创建一个公共的vue 实例, new vue()   

在main.js里 书写Vue.prototype .com=new vue()    通过prototype添加到vue实例中      com是自己添加的属性

1、父传子

技术分享图片

2、子传父

技术分享图片

 

3、兄弟组件通讯

兄弟组件1

技术分享图片

兄弟组件2

技术分享图片

组件通讯是vue里比较重要,而且常用的东西,需要掌握好

vue的组件通讯 父传子 -- 子传父-- 兄弟组件的传值

原文:https://www.cnblogs.com/ljjzxx/p/12094461.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!