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

本文共 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://hziga.baihongyu.com/

你可能感兴趣的文章
K - Kia's Calculation (贪心)
查看>>
android笔试题一
查看>>
【JavaEE企业应用实战学习记录】getConnListener
查看>>
了解轮询、长轮询、长连接、websocket
查看>>
bzoj2427[HAOI2010]软件安装
查看>>
bzoj1593[Usaco2008 Feb]Hotel 旅馆*
查看>>
WPF个人助手更新
查看>>
NLPIR技术助力中文智能数据挖掘
查看>>
python操作redis--------------数据库增删改查
查看>>
Android中仿IOS提示框的实现
查看>>
php初学第一课
查看>>
Windows下与Linux下编写socket程序的区别 《转载》
查看>>
java学习笔记 --- IO(3)
查看>>
buntu的ip设置
查看>>
Mysql 的FIND_IN_SET函数慢的忧化
查看>>
Web service是什么?
查看>>
Could not resolve placeholder
查看>>
HDU2023:求平均成绩
查看>>
Django的信号机制
查看>>
react中create-react-app配置antd按需加载(方法二)
查看>>