我没有 VueRouter 或来自“vue-router”的路由器

Question

我不知道如何在 vue 中制作网络路由器，因为我是初学者，所以在每个教程中，我看到他们从“vue-router”导入 router 或 vuerouter
我已经尝试过什么？我运行了

npm install vue-router@

，所以我有一些“vue-router”依赖项，但我没有 Router 或 VueRouter，我看到了 2020 年到 2022 年的教程
任何想法，这是我第一次使用 vue，谢谢！！

Answer 1

您想要的是首先创建您的路由器。所以你要找的函数是createRouter。首先，我建议在 src 目录中创建一个单独的“router”目录。然后，在该目录中创建一个“index.js”文件。创建路由器的正确代码如下：

import { createRouter, createWebHistory } from 'vue-router'

const router = createRouter({
  history: createWebHistory(),
  routes: [
    //... This is where you put your app's routes
  ],
})

路线是一个对象数组，每个对象都具有以下（基本）结构：

{ path: '/chosenpath', component: YourComponent }

例如，主页路线类似于：

{ path: '/', component: HomeView },

然后在此文件的末尾添加

export default router

。这使得路由器可以在您的主应用程序文件中使用。 在主应用程序文件（您使用 createApp 函数创建应用程序的位置）中，您现在可以导入并使用路由器：

app.use(router)

阅读您正在使用的任何库的最新文档通常是一个好主意，因为它们会随着时间的推移而发生很大的变化。此外，假设您完成了之前不知道的步骤，教程可能会重点关注某些内容。这是路由器的文档页面：vue router。