美文网首页
vue 事件管理

vue 事件管理

作者: littleStar_up | 来源:发表于2017-08-22 13:38 被阅读0次

大意就是new一个vue对象专门处理事件,$emit,$on,$off分别来分发、监听、取消监听事件。

我是在main.js中

new Vue({  el: '#app',  router,  store,  template: '',  components: { App }})

之前,加了window.eventHub = new Vue();

在其中一个子组件中添加事件

window.eventHub.$emit('shop',{});

在另外一个子组件中监听(我是写在mounted中的,网上还有看到写在created,我试了没成功)

window.eventHub.$on('shop',this.shop);//shop是当前的函数

beforeDestroy: function () {

eventHub.$off('shop', this.shop)

}

然后就没了,在上次的例子中用到了事件管理

https://github.com/littleStar123/vuex

相关文章

  • vue 事件管理

    大意就是new一个vue对象专门处理事件,$emit,$on,$off分别来分发、监听、取消监听事件。 我是在ma...

  • Vue.js的runtime分析

    Vue核心 Vue.js执行了初始化定义(initMixin)、状态管理(stateMixin)、事件(event...

  • vuex+sessionStorage、事件总线使用及区别

    vue事件总线是Vue的单独实例。Vuex是一个(基于磁通)状态管理库,它与Vue的当前实例集成,并添加了许多功能...

  • 2022-07-16

    07_事件处理 methods:事件配置项,里面的函数被vue管理,函数的this指向vm 或 组件实例对象 pr...

  • vue-事件

    title: vue-事件处理date: 2017-03-23 vue 事件 本文介绍vue组件的事件处理,并通过...

  • Vue2.0的改变

    vue2.0-组件定义方式 全局 局部 生命周期 组件2.0循环 自定义键盘 单一事件中心管理组件通信 vue2....

  • 穿透问题——vue,jquery,事件冒泡

    vue穿透事件: jquery穿透事件: 事件冒泡:

  • 第七节:Vue指令:v-on事件的绑定与问题

    1.理解Vue事件的绑定方式 1.1 原生行内事件绑定 说明: vue采用行内事件绑定的方式. 因此在学习vue事...

  • vue兄弟组件之间通信--eventBus

    原文地址 eventBus eventBus单独的事件中心,用来管理组件之间的通信。 由于 Vue 实例实现了一个...

  • 2020-06-06

    iframe调用vue里面事件vue里面: iframe里面调用:

网友评论

      本文标题:vue 事件管理

      本文链接:https://www.haomeiwen.com/subject/hjqldxtx.html