vue怎么创建路由

要在Vue中创建路由，你需要使用Vue Router。下面是一个基本的步骤：

1. 安装Vue Router

使用npm安装Vue Router：

npm install vue-router

2. 创建路由

创建一个新的router.js文件并导入Vue和Vue Router：

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

Vue.use(VueRouter);

const router = new VueRouter({
  routes: [
    // routes go here
  ]
});

export default router;

3. 配置路由

在routes数组中添加路由。每个路由都应该包括一个path和一个component：

import Home from './components/Home.vue';
import About from './components/About.vue';

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

4. 将路由挂载到Vue实例中

在Vue实例中挂载路由：

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

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

5. 在组件中使用路由

在组件模板中添加路由链接：

<router-link to="/">Home</router-link>
<router-link to="/about">About</router-link>

还可以使用```<router-view>```来渲染组件：

<router-view></router-view>

这样就完成了一个简单的Vue路由配置。当你点击路由链接时，Vue会自动渲染相应的组件。