let activePath = ref('/home'); watch(()=>router.currentRoute.value.path,(newVal)=>{ activePath.value = newVal; },{immediate:true})

这段代码是用Vue3的响应式编程方式实现了一个路由监听器。当路由变化时，watch函数会监听到currentRoute的变化，并将新的路由值赋给activePath变量，从而实现动态更新当前激活的路径。其中，ref函数用于创建一个响应式的变量，而watch函数则用于监听变量的变化。immediate:true表示在初始化时立即执行监听器函数。

相关问题

let user = userStore.getUser const activePath = router.currentRoute.value.path

这两行代码看起来像是 JavaScript 中的变量赋值语句。第一行代码中的 `userStore` 可能是一个对象或模块，其中包含了一个名为 `getUser` 的方法或函数。通过调用 `getUser` 方法，可以获取一个用户对象并将其赋值给 `user` 变量。

第二行代码中，`router` 可能是一个路由器对象，它的 `currentRoute` 属性返回当前路由的信息对象，其中包含了 `path` 属性表示当前路由的路径。通过将当前路由的路径赋值给 `activePath` 变量，可以在后续的代码中使用该变量表示当前活动的路由路径。

watch( () => router.currentRoute, (to, from) => { // to: 当前路由对象 // from: 上一个路由对象 console.log("路由变化", to, from); } )没有效果

如果`watch`函数无法监听路由变化，可能是因为`currentRoute`对象是一个响应式对象，需要使用`.value`属性才能获取到其值。因此，可以将`watch`函数修改为如下形式：

import { watch, onMounted } from 'vue'
import { useRouter } from 'vue-router'

export default {
  setup() {
    let router = null

    onMounted(() => {
      router = useRouter()

      watch(() => router.currentRoute.value, (to, from) => {
        // to: 当前路由对象
        // from: 上一个路由对象
        console.log('路由变化', to, from)
      })
    })

    return {}
  }
}

在上述代码中，我们使用`watch`函数监听`currentRoute.value`属性的变化。这样，当路由发生变化时，`watch`函数就会执行回调函数了。