Vue 解决 Bus 监听器 $on 多次执行 (详解)

Vue 解决 Bus 监听器 $on 多次执行 (详解)

文章概览

bus 监听执行一次

方法一

---

 beforeDestroy () { 
     this.$bus.$off('method')
 }

解析：组件销毁时 关闭 监听器

缺点：存在 组件 被多个调用，销毁单个 组件时，其他调用者无法触发监听方法

方法二

---

this.$bus.$once('method')

解析：多次触发相同监听方法，只执行一次

方法三

---

create(){
this.$bus.$off('method')
}

解析：及时监听 及时关闭 防止多次执行