vue 监听$route的方式

我需要监听router变化,但是文档提供的导航钩子不适用于不变化的组件,只能求助于watch

watch: {
        '$route'(to, from) {            
       

看到好多这种回答,但是出处在哪里呢,watch为什么可以这么用,求指点

回答:

https://router.vuejs.org/zh-c…

// 接着在父组件内
// watch $route 决定使用哪种过渡
watch: {
  '$route' (to, from) {
    const toDepth = to.path.split('/').length
    const fromDepth = from.path.split('/').length
    this.transitionName = toDepth < fromDepth ? 'slide-right' : 'slide-left'
  }
}

暂无评论

发表评论

您的电子邮箱地址不会被公开。 必填项已用*标注