vue页面很多怎么配路由
时间: 2023-08-31 07:05:09 浏览: 62
vue router 配置路由的方法
您好,关于您的问题,可以使用vue-router来进行路由配置。首先需要在项目中安装vue-router依赖包,然后在main.js文件中引入vue-router,并进行路由配置,例如:
```
import Vue from 'vue'
import VueRouter from 'vue-router'
Vue.use(VueRouter)
const routes = [
{
path: '/',
name: 'home',
component: Home
},
{
path: '/about',
name: 'about',
component: About
}
]
const router = new VueRouter({
mode: 'history',
base: process.env.BASE_URL,
routes
})
export default router
```
在这里,我们定义了两个路由,分别是'/'和'/about',并对应着两个组件Home和About。在路由配置完毕后,我们还需要在App.vue中使用<router-view>来显示路由对应的组件。
希望能帮助到您。如果您有其他问题,可以继续向我提问。
阅读全文