vueでwatchを使用して$routeを傍受する無効な問題

ルート:

{ //   
  path: '/',
  name: 'index',
  component: resolve => require(['@/views/index/index'], resolve),
},

傍受:

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

{ //   
  path: '/',
  name: 'index',
  component: resolve => require(['@/views/index/index'], resolve),
  children: [
    {
      path: 'user',
      name: 'user',
      component: resolve => require(['@/views/index/user'], resolve),
    },
    {
      path: 'userName',
      name: 'userName',
      component: resolve => require(['@/views/index/userName'], resolve),
    },
  ]
},

ページジャンプを発見した場合、出力内容は傍受されず、傍受されなかった.ルーティングコンポーネントのレンダリング領域はrouter-viewであり、最上位出口(公式にはそう呼ばれています)として一致するルーティングコンポーネントがその領域にレンダリングされます.したがって、サブルーティングが必要で、傍受できます!