vue+typescript 无法使用 beforeRouteEnter（）

Question

main.ts中配置如下
import Component from 'vue-class-component';
Component.registerHooks([

'beforeRouteEnter',
'beforeRouteLeave',
'beforeRouteUpdate',

]);

但是在组件中使用 beforeRouteEnter（）不执行
private beforeRouteUpdate(to: Route, form: Route, next: () => void): void{

console.log(11)
next();

}

Answer 1

在新的js文件中执行

//registerHooks.js
import Component from 'vue-class-component'

Component.registerHooks([
 'beforeRouteEnter',
 'beforeRouteLeave',
 'beforeRouteUpdate'     
])

然后在main.ts 最上面引入registerHooks.js

Answer 2

    import { Component } from 'vue-property-decorator';
    
    Component.registerHooks([
      'beforeRouteEnter',
    ])

Answer 3

如果只是想更新视图的话可以考虑监听路由

    @Watch('$route')
    routeWatch() {
        this.loadData();
    }

我用的是vue-cli3，@Watch是

import { Component, Prop, Vue, Watch } from 'vue-property-decorator';

Answer 4

后来怎么解决了啊？我也遇到了这个问题