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

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

你可能感兴趣的文章
Fescar 发布 0.3.1 版本, 支持 ZooKeeper 注册中心
查看>>
网站优化中四个常见的优化难题及解决方法!
查看>>
【死磕 Spring】----- IOC 之解析 bean 标签:BeanDefinition
查看>>
Java部署环境搭建(Linux)
查看>>
使用 will-change 来提升浏览器渲染效果
查看>>
Animation总结(差值器和估值器)
查看>>
Java数据结构与算法(十)-图
查看>>
4.1 在SELinux中客体类存在的目的
查看>>
如何用iPad运行Python代码?
查看>>
PHP学习3——数组
查看>>
E-HPC支持多队列管理和自动伸缩
查看>>
Maven的插件:命令行执行
查看>>
各种设备的CSS3MediaQuery整理及爽歪歪写法
查看>>
CVE-2017-8464远程命令执行漏洞(震网漏洞)复现
查看>>
Java 12 将于3月19日发布,8 个最终 JEP 一览
查看>>
基础为重,Python的基础,成就月薪过万
查看>>
索罗斯的反身理论和汇率分析
查看>>
Linux登录那点事
查看>>
angular项目中bootstrap-datetimepicker时间插件的使用
查看>>
通过网络仓库建立本地的yum仓库
查看>>