Vue3.0 + TS 项目中监听路由变化

Vue3.0 + TS 项目中监听路由变化

由于在使用vue-cli4.x初始构建项目时，选择了使用Class(类)风格装饰器，即通过

export default class Home extends Vue{}

创建实例。所以不能通过如下方式进行监听

watch:{
    '$route'(to,from) {   
        console.log(to,from);
    }
},

因此需要通过装饰器来修饰进行监听路由变化

// 监听路由变化
@Watch('route')
private routeChange(to: any, from: any) {
	console.log(to,from);
}

注意需要先引入watch，

import { Watch } from 'vue-property-decorator'

如有错误，欢迎指正。