利用watch监听路由变化，重新获取数据

import { watch } from 'vue'
import { useRoute } from 'vue-router'
setup() {
  const route = useRoute()
	watch(() => route.params.id, (newVal) => {
    if(newVal) {
    	// 重新获取数据....
    }
  }, {immediate: true})
}

不会导致组件的销毁重建，可以实时监听到路由id的变化

上面是vue3.0的写法,接下来来看下 2.0写法:

watch:{
"$route.params.id":async function (new, old) {//获取数据}
}