vue开发:vue2.0父子组件及非父子组件之间的通信方法
来源:互联网 发布:淘宝app首页流量来源 编辑:程序博客网 时间:2024/06/05 19:49
1.父组件传递数据给子组件
父组件数据如何传递给子组件呢?可以通过props属性来实现
父组件:
子组件通过props来接收数据:
方式1:
方式2 :
方式3:
这样呢,就实现了父组件向子组件传递数据.
2.子组件与父组件通信
那么,如果子组件想要改变数据呢?这在vue中是不允许的,因为vue只允许单向数据传递,这时候我们可以通过触发事件来通知父组件改变数据,从而达到改变子组件数据的目的.
子组件:
父组件:
3.非父子组件通信
如果2个组件不是父子组件那么如何通信呢?这时可以通过eventHub来实现通信.
所谓eventHub就是创建一个事件中心,相当于中转站,可以用它来传递事件和接收事件.
组件1触发:
组件2接收:
这样就实现了非父子组件之间的通信了.原理就是把Hub当作一个中转站!
以上所述是小编给大家介绍的vue2.0父子组件及非父子组件之间的通信方法,希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。
阅读全文
0 0
- vue开发:vue2.0父子组件及非父子组件之间的通信方法
- vue2.0父子组件及非父子组件通信
- vue开发:vue父子组件与非父子组件之间的通信
- Vue2.0父子组件以及非父子组件之间的通信
- vue2.0父子组件以及非父子组件如何通信
- vue2.0父子组件以及非父子组件如何通信
- vue2.0父子组件以及非父子组件通信
- vue2.0父子组件以及非父子组件如何通信
- vue2.0父子组件以及非父子组件如何通信
- vue2.0之非父子组件通信
- Vue2.0 父子组件之间通信
- vue2.0 父子组件之间的通信问题
- vue 非父子组件通信
- vue 非父子组件通信
- vue父子组件之间的通信
- 总结vue父子组件之间的通信
- 关于Vue父子组件之间的通信
- Vue2--非父子组件通信笔记
- SQL数据查询
- xpath路径表达式笔记
- iOS开发利器总结(二)
- Git 命令提交项目代码处理冲突
- JS数组常用方法
- vue开发:vue2.0父子组件及非父子组件之间的通信方法
- [NOIP模拟]beautiful
- 密码学笔记3 群论,有限域
- TP3.2 简易封装增、删、改、查、上传、分页、操作日志
- 认识WebSocket原理
- centos 6.8 安装cmake 2.8.8 报错
- 人工智能: 自动寻路算法实现(二、深度优先搜索)
- 条件查询的时候,查询完成之后,不用在将选择的数据回传到页面,用于判断,让选择的option处于SELECT状态。
- leetcode 541. Reverse String II