用vue写router的 index.js怎么写

你可以按照以下步骤来编写 Vue 的 Router 的 `index.js` 文件。

首先，你需要导入 Vue 和 Vue Router 并使用它们：

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

Vue.use(VueRouter);

接下来，你可以定义你的路由和组件：

import Home from '@/views/Home.vue';
import About from '@/views/About.vue';

const routes = [
  {
    path: '/',
    name: 'Home',
    component: Home
  },
  {
    path: '/about',
    name: 'About',
    component: About
  }
];

然后，创建一个新的 `VueRouter` 实例并传入路由配置：

const router = new VueRouter({
  mode: 'history',
  base: process.env.BASE_URL,
  routes
});

在这个例子中，我们使用了 `history` 模式，这样在 URL 中就不会有 `#` 符号。

最后，你需要将 `router` 实例导出，以便在 Vue 实例中使用：

export default router;

现在，你就可以在 Vue 实例中使用这个路由器了。例如，在 `main.js` 文件中：

import Vue from 'vue';
import App from './App.vue';
import router from './router';

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

这样就完成了 Vue Router 的配置。你可以根据你的需求进一步定制和配置路由。希望这个回答对你有所帮助！