您的位置:首页 > 产品设计 > UI/UE

vue2.0组件之间的通信

2018-02-11 13:50 1076 查看
官方建议可以直接使用一个空vue实例来处理简单的事件触发机制var bus = new Vue();
bus.$emit('create',{title:'name'});
bus.$on('create',function(data){
    // 进行对应的操作
})这样使用的话,事件的监听和触发机制就脱离了组件的结构,完全依赖于bus这个实例,在整个项目的任意地方我们都可以设置监听和触发函数



在comp-a组件中输入内容,点击“添加”即可触发create事件,在兄弟组件comp-b中监听这个create事件,并把传入的值添加到自身items数组中,此时的bus实例即可抽象成一个集中式的事件处理器,供所有的组件使用。
而在相对复杂的场景中,则推荐引入状态管理机制,Vuex就是这种机制与Vue.js结合的实现形式。
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: