vue$on（vue$once）

本篇文章给大家谈谈vue$on，以及vue$once对应的知识点，希望对各位有所帮助，不要忘了收藏本站喔。

本文目录一览：

• 1、vue中$emit、$on使用详解
• 2、在Vue 中的$on $emit 怎么用？
• 3、vue中bus.$on事件被多次绑定

vue中$emit、$on使用详解

第一步弊戚：建一个空白的厅庆vue实例页面

第二步：子组件

第三步租伏陵： 父组件

[img]

在Vue 中的$on $emit 怎么用？

vue1.0中 vm.$dispatch 和 vm.$broadcast 被弃用，改用$emit,$on，vm.$on( event, callback ) 。监听当前实例上的自定义事件神贺。事件游塌派可以由vm.$emit触发。回调函数会接收所有传入事件触发函数的额衫轿外参数。vm.$emit( event, […args] )  ，触发当前实例上的事件。附加参数都会传给监听器回调。

this.$emit("自定义事件名",要传送的数据)

v-on:自定义事件名="在methods中的函数名"。

vue中bus.$on事件被多次绑定

问题描述 ：只要页面没有强制刷新，存在组件切腔猜耐换，bus.$on方法会被多次绑定，造兆埋成事件多次触发

解决办法一 ：在每次调用方法前先解绑事件( bus.$off )，然后在重新绑定( bus.$on )

解决办法二 ：注册的总线事件（Bus）要在组件 销毁 时(beforeDestroy/destroyed)卸载，否则会伍春多次挂载，造成触发一次但多个响应的情况

关于vue$on和vue$once的介绍到此就结束了，不知道你从中找到你需要的信息了吗 ？如果你还想了解更多这方面的信息，记得收藏关注本站。