VUE 组件之间通信

1.父子组件传参----父->子

在父组件中调用子组件并且把需要传给子组件的数据绑定上

<my-child :data="obj"></my-child>

在子组件中通过props接收，就可以在子组件中使用了

props:['data']

2.子->父子组件通过$emit 把数据发送给子组件

//在调用的子组件上绑定触发的事件selectWorkTeam
<my-child @selectWorkTeam="selectWorkTeam"/>
//在子组件触发的时间里写
this.$emit('selectWorkTeam', value);
//在父组件里通过selectWorkTeam事件接收值
selectWorkTeam: function(item) { console.log("ssssssssssssssssssss:" + item)},
复制代码

3.兄弟组件之间传值

1.通过子到父，父到子进行兄弟组件传值，不在详细讲

2.通过中间件进行传递

创建一个Vue的实例，让各个兄弟共用同一个事件机制。

 var vm = new Vue();  //定义一个空的对象    相当于第三方复制代码

兄弟1通过$emit 发送数据

send:function(){vm.$emit('data-a',this.name);//发射}复制代码

兄弟2 通过$on来进行建通接收

 vm.$on('data-a',item =>{   //接收   data-a接收名称    item参数this.nameA = item;})复制代码

3.vuex

转载于:https://juejin.im/post/5bd6ca9ef265da0ab873c77c

VUE 组件之间通信相关推荐

vue组件之间通信（传值）---8种方式
Vue组件之间的通信方式(个人理解) props(父传子) //父组件 parent.vue<template>//子组件<child-com :num="num" ...
「后端小伙伴来学前端了」Vue中利用全局事件总线实现组件之间通信
月亮啊月亮你能照见南边,也能照见北边照见她,你跟她说一声,就说我想她了. 前言前一篇文章写了 vue 中利用 Props 实现组件之间的通信,那种方式是最简单也是最基础的组件之间的通信方式.父组 ...
[vue] vue组件之间的通信都有哪些？
[vue] vue组件之间的通信都有哪些? 父子Coms: 1/2/3 ..兄弟Coms: 4/5跨级Coms: 4/5/6/7props$emit/$on( $parents/$children ) ...
Vue组件之间的通信-父传子-子传父
文章目录 Vue的组件嵌套 Vue组件间通信 1.父组件传递给子组件 1.1数组的方式 1.2对象的方式 2.子组件传递给父组件 Vue的组件嵌套前面我们是将所有的逻辑放到一个App.vue中: 在 ...
描述vue组件之间的通信
##描述 vue组件之间的通信详细易懂,转自https://www.cnblogs.com/barryzhang/p/10566515.html
vue 组件之间的通信
目录前言一.props 和 $emit 二.$attrs 和 $listeners 三.eventBus--$emit 和 $on 四.provide 和 inject(跨组件通信) 1.认识 p ...
js 获取vue组件html_vue项目中，index.html数据与组件之间通信，传值，以获取MAC地址为例...
最近在项目里接手别人的代码来做完善,其中一个是修复获取不到MAC地址的bug,仔细看了下代码,发现需要用到Activex控件. 上一位同事在写的时候把写在index.html文件中,获取mac地址的j ...
Vue 组件化通信 provide inject ,dispatch ,boardcast
入门作为前端最容易上手的框架,Vue入门其实没啥说的,我放一段清单的代码,大家能看懂就说明能上手了 <template><div id="app">< ...
vue组件间通信六种方式
vue组件间通信六种方式组件之间的传值通信组件之间的通讯分为三种:父传子.子传父.兄弟之间的通讯: props/$emit 父传子:主要是通过props来实现的具体实现:父组件通过import引 ...
Vue.js解析(十)【Vue组件间通信】
什么是Vue组件? 组件 (Component) 是 Vue.js 最强大的功能之一.组件可以扩展 HTML 元素,封装可重用的代码.在较高层面上,组件是自定义元素,Vue.js 的编译器为它添加特殊 ...

VUE 组件之间通信

VUE 组件之间通信相关推荐

最新文章

热门文章