Vue3事件监听事件

Vue3的watch监听事件触发不了
需求：当监听到$router.query.lid变化时，重新请求AJAX，通过点击事件实现了路由地址的变化，但是监听不到路由地址变化事件，无法请求AJAX

```javascript
const jianting=reactive({jt:'$route.query.lid'})
    watch(()=>jianting.jt,(to,from)=>{
        console.log('to',to)
        console.log('from',from)
        }
    )

const methods={
goDetail(index:number){
const lid:number=data.value.family.laptopList[index].lid

    //判断：如果lid和当前路由的lid相同，则终止
    // const $route=useRoute()
    // if(lid == $route.query.lid) return
    //点击规格，观察地址栏中的lid是否变化了
    $router.push('/pro_detail?lid='+lid)
},
}

        axios.get(url).then(res=>{
        console.log(res);
        data.value=res.data
    })
    })

watch(() =>router.currentRoute.value.path,(newValue,oldValue)=> {
console.log('watch',newValue);
},{ immediate: true })

问题出在 watch() 第一个参数，你监听得是对象jianting下的属性jt。 改为监听非对象下得属性。

试着使用watchEffect，自动绑定依赖。

把监听的参数jianting.jt改为路由的