博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
【vue插件篇】vue-options-events 事件总线触发
阅读量:5797 次
发布时间:2019-06-18

本文共 779 字,大约阅读时间需要 2 分钟。

vue-options-events (基于事件总线的封装)

安装

// 安装npm i vue-options-events -S复制代码

引用

// 引用(eg. 在工程的main.js下)import vueOptionsEvents from 'vue-options-events'Vue.use(vueOptionsEvents)复制代码

Component A

// 使用例子new Vue({  methods: {    show(msg) {      console.log('show ' + msg);    }  },  // events 对象  推荐第一种写法,es6写法  events: {    hi(msg) {      console.log(msg);    },    // 这里直接映射到methods中的show函数    sayHi: 'show'  }    // events 数组 第二种写法,具名函数形式  events: [    function hi(msg) {      console.log(msg);    },    'show'  // 去methods中寻找同名函数即可  ]});复制代码

Component B

new Vue({  methods: {    show(msg) {      this.$trigger('hi', 'hello');      // => 'hello'            this.$trigger('sayHi', 'hello');      // this.$trigger('show', 'hello'); 数组的话,直接触发函数名字即可      // => 'show hello'    }  }});复制代码

转载地址:http://tnsfx.baihongyu.com/

你可能感兴趣的文章
java springcloud版b2b2c社交电商spring cloud分布式微服务(十五)Springboot整合RabbitMQ...
查看>>
SpringCloud使用Prometheus监控(基于Eureka)
查看>>
10g手动创建数据库
查看>>
Spring MVC EL表达式不能显示
查看>>
【致青春】我们挥霍时间的年代
查看>>
Windwos Server 2008 R2 DHCP服务
查看>>
SAS和SATA硬盘的区别
查看>>
现代程序设计 学生情况调查
查看>>
U盘安装linux后无法引导
查看>>
C# 矩阵作业
查看>>
俺的新书《Sencha Touch实战》终于出版了
查看>>
关于数据库查询时报“query block has incorrect number of result columns”
查看>>
li下的ul----多级列表
查看>>
UVa 11292 勇者斗恶龙(The Dragon of Loowater)
查看>>
区域生长算法
查看>>
switch语句小练习
查看>>
组合逻辑电路
查看>>
POP-一个点击带有放大还原的动画效果
查看>>
UE4材质是什么样的机制
查看>>
使用QTP录制自带Flight小实例
查看>>