Vue2.0组件间数据传递示例

发布时间：2020-12-17 03:03:09 所属栏目：百科来源：网络整理

导读：Vue1.0组件间传递使用$on()监听事件；使用$emit()在它上面触发事件；使用$dispatch()派发事件，事件沿着父链冒泡；使用$broadcast()广播事件，事件向下传导给所有的后代 Vue2.0后$dispatch()，$broadcast()被弃用，见https://cn.vuejs.org/v2/guide/migr

Vue1.0组件间传递

使用$on()监听事件；
使用$emit()在它上面触发事件；
使用$dispatch()派发事件，事件沿着父链冒泡；
使用$broadcast()广播事件，事件向下传导给所有的后代

Vue2.0后$dispatch()，$broadcast()被弃用，见https://cn.vuejs.org/v2/guide/migration.html#dispatch-和-broadcast-替换

1，父组件向子组件传递场景：Father上一个输入框，根据输入传递到Child组件上。

父组件：

//将子控件属性inputValue与父组件msg属性绑定

子组件：

2，子组件向父组件传值场景：子组件上输入框，输入值改变后父组件监听到，弹出弹框

父组件：

//message为子控件上绑定的通知；recieveMessage为父组件监听到后的方法

子组件：

以上所述是小编给大家介绍的Vue2.0组件间数据传递。编程之家 52php.cn 收集整理的教程希望能对你有所帮助，如果觉得编程之家不错，可分享给好友！感谢支持。

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!