打开APP
userphoto
未登录

开通VIP,畅享免费电子书等14项超值服

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

首先文字简单撸一下

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

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

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

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

1、父传子

2、子传父

 

3、兄弟组件通讯

兄弟组件1

兄弟组件2

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

本站仅提供存储服务,所有内容均由用户发布,如发现有害或侵权内容,请点击举报
打开APP,阅读全文并永久保存 查看更多类似文章
猜你喜欢
类似文章
【热】打开小程序,算一算2024你的财运
父死子继与兄终弟及
[扩展推荐] Laravue —— 漂亮的 Laravel 管理界面
vue组件通讯之互不关联组件之间的通讯
vue 常用ui组件
vue后台管理框架
vue代码实现浏览器与串口通信
更多类似文章 >>
生活服务
热点新闻
分享 收藏 导长图 关注 下载文章
绑定账号成功
后续可登录账号畅享VIP特权!
如果VIP功能使用有故障,
可点击这里联系客服!

联系客服