vue2.7+vue-router3.6.5 watch router or router.currentRoute.path question

[Miofly]

in App.vue

route change watch not trgger

watch(()=> router.currentRoute.path, (val) => {\
	console.log('router.currentRoute.path not trigger', val);
}, {
  immediate: true
});

why oldValue === val

watch(()=> route, (val, oldValue) => {
	console.log('route.path not trigger', val, oldValue);
  console.log('why is true', JSON.stringify(val) === JSON.stringify(oldValue));
}, {
  immediate: true,
  deep: true
});

home.vue

onDeactivated(() => {
  console.log('onDeactivated why after onBeforeRouteLeave');
})

onBeforeRouteLeave((_, from, next) => {
  console.log('onBeforeRouteLeave');
  next()
})

why onDeactivated after onBeforeRouteLeave

repo link: https://github.com/Miofly/demo-issue-template/tree/vue2-template

[Alfred-Skyblue]

You can use the following method to monitor routing changes in vue2.7:

const vm = getCurrentInstance()

vm.proxy.$watch(
  () => vm.proxy.$route,
  route => {
    console.log(route)
  }
)

For the behavior of oldVal === val, see: #9191 (comment)

[Miofly]

this is correct