typescript - 使用 Typescript 在 Vue.js 中观察路由变化

Question

我想使用 TypeScript 在 Vue.js 应用程序中检测我的 URL 的变化。在 JavaScript 中，这可以按如下方式完成:

watch: {
  '$route': {
     handler: 'onUrlChange',
     immediate: true,
     deep: true
   }
},

onUrlChange(newUrl){
   // Some action
}

我如何在 TypeScript 中做同样的事情？

Answer 1

我在这里找到了解决方案:https://github.com/kaorun343/vue-property-decorator

可以这样做:

   @Watch('$route', { immediate: true, deep: true })
   onUrlChange(newVal: any) {
      // Some action
    }