Vue全局事件总线是什么
发表于:2024-10-25 作者:千家信息网编辑
千家信息网最后更新 2024年10月25日,这篇文章主要为大家展示了"Vue全局事件总线是什么",内容简而易懂,条理清晰,希望能够帮助大家解决疑惑,下面让小编带领大家一起研究并学习一下"Vue全局事件总线是什么"这篇文章吧。全局事件总线,是组件
千家信息网最后更新 2024年10月25日Vue全局事件总线是什么
这篇文章主要为大家展示了"Vue全局事件总线是什么",内容简而易懂,条理清晰,希望能够帮助大家解决疑惑,下面让小编带领大家一起研究并学习一下"Vue全局事件总线是什么"这篇文章吧。
全局事件总线,是组件间的一种通信方式,适用于任何组件间通信。
看下面具体的例子。
父组件:App
子组件:Company和Employee
公司名称:{{name}}
公司地址:{{address}}
员工姓名:{{name}}
员工年龄:{{age}}
入口文件:main.js
import Vue from 'vue'; import App from './App.vue';Vue.config.productionTip = false;new Vue({ el:"#app", render: h => h(App), beforeCreate(){ Vue.prototype.$bus = this; }})
父组件App,子组件Company
和Employee
子组件Company和Employee之间通过全局数据总线进行数据传递。
在main.js中,定义了全局事件总线:$bus
。
$bus
定义在Vue.prototype
,因此$bus
对所有组件可见,即所有组件可通过this.$bus
访问。
$bus
被赋值为this
,即vm实例,因此$bus
拥有vm实例上的所有属性和方法,如$emit
、$on
、$off
等。
new Vue({ beforeCreate(){ Vue.prototype.$bus = this; }})
使用全局事件总线
$bus.$on
,监听事件。Employee组件中定义了监听事件,监听demo事件;
$bus.$emit
,触发事件。Company组件中定义了触发事件,点击按钮执行sendMessage回调,该回调将触发demo事件。
以上是"Vue全局事件总线是什么"这篇文章的所有内容,感谢各位的阅读!相信大家都有了一定的了解,希望分享的内容对大家有所帮助,如果还想学习更多知识,欢迎关注行业资讯频道!
组件
事件
全局
总线
数据
监听
公司
内容
篇文章
员工
实例
学习
帮助
通信
之间
例子
入口
名称
地址
姓名
数据库的安全要保护哪些东西
数据库安全各自的含义是什么
生产安全数据库录入
数据库的安全性及管理
数据库安全策略包含哪些
海淀数据库安全审计系统
建立农村房屋安全信息数据库
易用的数据库客户端支持安全管理
连接数据库失败ssl安全错误
数据库的锁怎样保障安全
ibelivecs服务器怎么样
淘宝服务器的安全需求
警校信息网络安全监察专业累不累
赤子城网络技术客服
跨境电商数据库推荐
ibm服务器改启动硬盘
长沙网络技术学院学费是多少
计算机网络技术手
一个表属于某个数据库
好学软件开发培训学校
2018年西藏网络安全周
我的世界服务器推荐pc版网易
网络安全法实行保护制度
依法负有网络安全责任
安卓连接qt数据库
通过数据库筛选顾客
细胞株基因表达数据库
mysql数据库 京东
搭建邮箱服务器的条件
邵阳学院网络技术平台
服务器安全设置下载文件
ibelivecs服务器怎么样
跨境电商数据库推荐
数据库男女分组显示
越秀网络安全哪家好
网络安全怎么估值
关于计算机网络技术面试稿子
内容多语言 数据库设计
软件开发技术人员资格证书
网络工程和网络技术有什么区别