vue2.0组件之间的通信

官方建议可以直接使用一个空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结合的实现形式。

vue2.0组件之间的通信相关推荐

VUE 2.0 父子组件之间的通信
父组件是通过props属性给子组件通信的来看下代码: 父组件: <parent><child :child-com="content"></child ...
总结一下 vue2 组件之间的通信
start 最近在学习 vue3,在学习 vue3 的之前.先总结一下,vue2 中的组件之间的通信: 以下示例皆为 vue2 1.父组件传值给子组件,利用 props 父组件 app.vue &l ...
android组建之间通信_Android组件化（三）组件之间的通信
介绍在组件化开发的时候,组件之间是相互独立的没有依赖关系,我们不能在使用显示调用来跳转页面了,因为我们组件化的目的之一就是解决模块间的强依赖问题,假如现在要从A业务组件跳转到业务B组件,并且要携带参 ...
使用reflux进行react组件之间的通信
前言组件之间为什么要通信?因为有依赖. 那么,作为React组件,怎么通信? React官网说, 进行父-子通信,可以直接pass props. 进行子-父通信,往父组件传给子组件的函数注入 ...
Vue组件之间的通信-父传子-子传父
文章目录 Vue的组件嵌套 Vue组件间通信 1.父组件传递给子组件 1.1数组的方式 1.2对象的方式 2.子组件传递给父组件 Vue的组件嵌套前面我们是将所有的逻辑放到一个App.vue中: 在 ...
React（5）React兄弟组件之间的通信
文章目录前言一.兄弟组件之间的通信原理二.三个组件的基本结构 1.子组件ColorSelector的基本结构 2.子组件ColorBoard的基本结构 3.父组件Color的基本结构三.Col ...
Vue3 组件之间的通信
组件之间的通信经过前面几章的阅读,相信开发者已经可以搭建一个基础的 Vue 3 项目了! 但实际业务开发过程中,还会遇到一些组件之间的通信问题,父子组件通信.兄弟组件通信.爷孙组件通信,还有一些全局 ...
vue中子组件和子组件之间怎么通信_vue.js组件之间如何通信？
vue.js组件之间如何通信?下面本篇文章就来给大家介绍一下Vue.js组件间通信方式.有一定的参考价值,有需要的朋友可以参考一下,希望对大家有所帮助. 平时在使用Vue框架的业务开发中,组件不仅仅要 ...
[vue] vue组件之间的通信都有哪些？
[vue] vue组件之间的通信都有哪些? 父子Coms: 1/2/3 ..兄弟Coms: 4/5跨级Coms: 4/5/6/7props$emit/$on( $parents/$children ) ...

vue2.0组件之间的通信

vue2.0组件之间的通信相关推荐

最新文章

热门文章