Home.vue?602b:21 Uncaught (in promise) ReferenceError: onMounted is not defined

这个错误意味着在代码中使用了 `onMounted` 函数，但是该函数未被定义。`onMounted` 是 Vue 3 中的函数，用于在组件挂载后执行一些操作。

如果你正在使用 Vue 2，那么应该使用 `mounted` 钩子函数来替代 `onMounted`。如果你确实需要使用 `onMounted` 函数，那么你需要先导入它：

import { onMounted } from 'vue'

然后就可以在代码中使用它了：

onMounted(() => {
  // 在组件挂载后执行的操作
})

相关问题

Login.vue:40 Uncaught (in promise) ReferenceError: setToken is not defined at eval (Login.vue:40:1)

这错误提示是说在 Login.vue 文件的第 40 行代码出现了一个未定义的 setToken 函数。可能是你没有在该文件中定义这个函数或者定义的位置不在当前作用域内导致的。你可以检查一下代码，确保 setToken 函数已经被正确地定义和导入到了当前文件中。可以在代码中加入 console.log() 来帮助你定位问题所在。

报错index.vue?t=1685687888663:65 Uncaught (in promise) ReferenceError: router is not defined

在Vue3中，使用`useRouter`函数获取路由实例时，需要确保路由实例已经被创建。如果在路由实例未创建时就使用`useRouter`函数，就会出现`router is not defined`的错误。为了避免这个错误，可以在组件挂载后再使用`useRouter`函数。具体实现如下：

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

export default {
  setup() {
    let router = null

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

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

    return {}
  }
}

在上述代码中，我们先将`router`设为`null`，在组件挂载后再使用`useRouter`函数获取路由实例，并将其赋值给`router`。之后，我们就可以在`watch`函数中监听路由变化了。这样，就可以避免`router is not defined`的错误了。