import { useRouter } from "vue-router"; 在非.vue文件引入时，引入不到

在非.vue文件中，你不能直接使用 `useRouter` 来引入 Vue Router。`useRouter` 是用于在 Vue 组件中访问路由的钩子函数。在非.vue文件中，你可以按照以下步骤来引入 Vue Router：

1. 导入 Vue 和 Vue Router：

import Vue from 'vue'
import VueRouter from 'vue-router'

2. 使用 Vue Router 插件：

Vue.use(VueRouter)

3. 创建一个新的路由实例：

const router = new VueRouter({
  // 配置你的路由选项
})

4. 导出路由实例：

export default router

然后，在你的非.vue文件中，通过导入路由实例来使用 Vue Router。例如：

import router from './path/to/router.js'

// 在这里可以使用 router 实例

需要注意的是，在非.vue文件中，你无法直接使用路由相关的钩子函数（如 `useRouter`）。这些钩子函数只能在 Vue 组件中使用。但你可以通过导入和使用路由实例来执行路由相关的操作。

希望对你有所帮助！如果还有其他问题，请随时提问。

相关问题

import Vue from 'vue'; //配置路由 import VueRouter from 'vue-router' Vue.use(VueRouter);

这段代码是在Vue.js中使用Vue Router进行路由配置的代码。首先，通过`import`语句引入Vue和Vue Router库。然后，通过`Vue.use()`方法将Vue Router注册为Vue.js的插件。最后，可以在Vue实例中使用Vue Router提供的组件和方法进行路由配置和管理。

uniapp中引入时报错模块 ""vue-router"" 没有导出的成员 "useRouter"。你是想改用 "import useRouter from "vue-router"" 吗?

在 UniApp 中引入 Vue Router 时遇到 `useRouter` 未导出的错误，这是因为 UniApp 的框架本身并不直接支持 Vue Router 的原生 API。Vue Router 在 Vue.js 环境下使用的 `this.$router` 或者通过 `import { useRouter } from 'vue-router'` 进行导入的方式，在 UniApp 中可能需要做一些适配。

解决这个问题的一种常见做法是使用 Uni-app 自带的库 u-vue-router，它专门为 UniApp 调整了 Vue Router 的 API。你应该尝试这样引入：

// 使用 u-vue-router
import { createApp, router } from 'u-vue-router'

然后创建并配置路由：

const app = createApp(App)
app.use(router)

如果你想要使用 `useRouter` 的形式，你可能需要在适当的地方安装并配置 u-vue-router，因为 u-vue-router 提供了一个 `useRoute` 或类似的方法。