关于vue非父子组件如何通信，今天做了一个基本的例子，记录下来。 使用一个空的vue实例作为事件的总线 html代码： <div id="app"> </div> js代码： var Event = new Vue(); var A = { template:'<div @click="clickA ...
分类：
其他好文 时间：
2017-10-31 17:42:32
阅读次数：
189
最近在用Vue做一个商城后台系统，碰到了一些'神秘'的坑，这些坑容易在数据传输的过程中埋下深水炸弹。 现在我来说下这个的场景。在非父子组件通信的过程中，子组件通过属性(Props)的方式进行数据交互，这点是常用的，因为简单粗暴。但是这个使用的过程中需要了解一些东西，就是父子组件中的生命周期。请看下面 ...
分类：
其他好文 时间：
2017-10-29 23:19:13
阅读次数：
168
1.prop 父组件传递给子组件,即通过VUE本身具有的Props属性来传递值 Child组件 Father组件 运行结果 2.非Prop传递数据 Child Father 运行结果 3.v-on v-emit 子组件传给父组件 Child Father 运行结果 4.空vue实例作为事件总线，非父 ...
分类：
其他好文 时间：
2017-10-23 20:00:44
阅读次数：
264
父子组件通信 父组件向子组件传递数据： 1、通过子组件的 props 选项声明它期待获得的数据，用以接收父组件传过来的值。 2、在子组件标签中使用子组件props中创建的属性 3、父组件中注册子组件 4、把需要传给子组件的值赋给在子组件中声明的属性。 子组件向父组件传递数据： 1、在子组件中以某种方 ...
分类：
其他好文 时间：
2017-10-10 00:04:05
阅读次数：
140
前面的话 父组件使用props传递数据给子组件，子组件怎么跟父组件通信呢？这时，Vue的自定义事件就派上用场了。本文将详细介绍Vue自定义事件 事件绑定 每个 Vue 实例都实现了事件接口 (Events interface)，即 使用 $on(eventName) 监听事件 使用 $emit(ev ...
分类：
其他好文 时间：
2017-10-03 23:31:52
阅读次数：
400
1.index.html 子组件直接修改父组件的数据 组件通讯： vm.$emit(); vm.$on(); 父组件和子组件： 子组件想要拿到父组件数据： 通过 props 之前,子组件可以更改父组件信息,可以是同步 sync 现在,不允许直接给父级的数据,做赋值操作 点击按钮之前 点击按钮之后 原 ...
分类：
其他好文 时间：
2017-09-27 10:00:06
阅读次数：
202
vue 2 使用Bus.js进行兄弟(非父子)组件通信 简单案例 ...
分类：
Web程序 时间：
2017-09-24 13:43:24
阅读次数：
329
今天我们看一下组件通信。 经过前面几篇文章，我们已经可以构建出完整的单个组件，并利用路由使其串联起来访问了。 但这明显还是不够的。一个页面不可能就是个单组件，一般是由多个组件合成的。正因为如此，组件之间肯定是有相互关系的，我们就称这种现象叫组件通信。 比如父组件发生了某项改变，子组件会跟着相应发生变 ...
分类：
其他好文 时间：
2017-09-24 12:58:16
阅读次数：
481
什么是EventBus EventBus是一个 发布/订阅 模式的消息总线库，它简化了应用程序内各组件间、组件与后台线程间的通信，解耦了事件的发送者和接收者，避免了复杂的、易于出错的依赖及生命周期问题，可以使我们的代码更加简洁、健壮。EventBus 用于各组件通信，那么用于 fragment 之间 ...
分类：
移动开发 时间：
2017-09-22 11:55:07
阅读次数：
199
