怎么实现vue的自动路由

要实现 Vue 的自动路由，首先需要使用 vue-router 插件来管理路由。然后可以使用 require.context() 方法来自动获取所有的路由组件并进行注册。

具体实现方式如下:
1. 在 main.js 中引入 vue-router，并使用 Vue.use() 方法安装插件
2. 在项目中新建一个文件夹用于存放路由组件，如 components/views
3. 在 main.js 中使用 require.context() 方法获取 components/views 文件夹中所有的 .vue 文件
4. 遍历所有的文件，将文件名作为路由的 path，文件内的组件作为路由的 component 注册到路由中
5. 将路由配置挂载到 Vue 实例上

可以参考如下代码:

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

Vue.use(VueRouter)

const router = new VueRouter({
  mode: 'history',
  routes: []
})

const components = require.context('./components/views', true, /\.vue$/)
components.keys().forEach(fileName => {
  const componentConfig = components(fileName)
  const componentName = fileName.split('/').pop().replace(/\.\w+$/, '')
  router.addRoutes([
    {
      path: `/${componentName.toLowerCase()}`,
      component: componentConfig.default || componentConfig
    }
  ])
})

new Vue({
  router,
  render: h => h(App)
}).$mount('#app')

这样就可以实现自动路由了。

注: 上面的代码仅作为参考，具体实现可能会根据项目的需求进行修改。