Vuejs2 如何向Vue根目录添加回调,该回调在子组件更新时触发

Vuejs2 如何向Vue根目录添加回调,该回调在子组件更新时触发,vuejs2,Vuejs2,我有一个语义UI侧栏,它使用语义UI可见性模块在侧栏菜单中的项目在页面中滚动时高亮显示。每次页面长度更改时,我都需要刷新此可见性配置。这种情况在最初加载我的Vue页面时经常发生,有时用户会向页面添加位 我只希望能够在根Vue元素上添加一个更新的回调,并在每次子体组件更新时触发它,但这似乎不是一件好事。有没有办法做到整洁呢?我不想在这个更新的回调中乱扔一堆组件。您可以使用它来触发来自不同组件的事件 首先,初始化Vue.prototype.$bus=newVue;在main.js文件中 然后使用它发

我有一个语义UI侧栏,它使用语义UI可见性模块在侧栏菜单中的项目在页面中滚动时高亮显示。每次页面长度更改时,我都需要刷新此可见性配置。这种情况在最初加载我的Vue页面时经常发生,有时用户会向页面添加位

我只希望能够在根Vue元素上添加一个更新的回调,并在每次子体组件更新时触发它,但这似乎不是一件好事。有没有办法做到整洁呢?我不想在这个更新的回调中乱扔一堆组件。

您可以使用它来触发来自不同组件的事件

首先,初始化Vue.prototype.$bus=newVue;在main.js文件中

然后使用它发送事件:

这.$bus.$emit'throw','Hi'

然后让您的主要组件听:

this.$bus.$on('throw', ($event) => {
    console.log($event)  //shows 'Hi'
})

谢谢@Capt.\u Teemo:我从来都不知道如何创建事件总线,但我认为这并不能解决我的特定问题,因为我只是将触发Vuex存储中突变的单行更新回调替换为另一个执行类似操作的单行更新回调。我想知道这是否是一个允许更新事件冒泡的好功能?他们现在似乎没有。