vue.js - vue怎么自动生成路由？

Question

vue怎么自动生成路由？在view目录下新建文件就行了

Answer 1

可以看一下 unplugin-vue-router

Answer 2

在 Vue.js 中，可以通过在 views 目录下新建文件来自动生成路由。views 目录通常位于项目的 src 目录下，用于存放与页面视图相关的文件。

当你创建一个新的文件在 views 目录下，例如 index.vue，Vue.js 会自动为该文件创建一个对应的路由。你可以在 router.js 或 router/index.js 文件中看到自动生成的路由配置。

例如，如果你在 views 目录下创建了一个名为 home.vue 的文件，你可以在 router.js 或 router/index.js 文件中找到类似以下的路由配置：

import Vue from 'vue';import Router from 'vue-router';import Home from '../views/home.vue';Vue.use(Router);export default new Router({  routes: [    {      path: '/',      name: 'home',      component: Home,    },  ],});

上述代码中，自动生成的路由将根路径 / 映射到了 Home 组件，这样当用户访问根路径时，将会渲染 home.vue 文件对应的视图。

通过这种方式，你可以方便地创建和管理多个页面和路由，而无需手动编写每个路由的配置。