每当窗口处于活动状态时，如何在Vue中执行功能？

Question

Vue.js已经安装，创建，更新等作为我可以在页面的第一次加载时执行函数的状态 - 但是每当用户导航到特定页面/路由时我如何执行例如console.log('hi');没有重新加载整个应用程序？

Answer 1

Vue router公开生命周期钩子，您可以在其中执行代码：docs

如果您需要在每个路线导航时执行代码，

beforeEach就是您的选择。

或者，您可以watch主（包装器）组件中的当前路由并在观察者中执行代码：docs，部分Reacting to Params Changes

watch: {
    '$route' (to, from) {
      // react to route changes...
    }
}