Vue 路由基本使用

1、安装vue-router

//Vue2
npm i vue-router@3
//vue3
npm i vue-router

2、使用VueRouter

main.js

// 引入VueRouter
import VueRouter from "vue-router";
//使用
Vue.use(VueRouter)

3、路由文件(路由器)  src下创建router文件夹 src/router/index.js

import VueRouter from "vue-router";// 默认暴露
export default new VueRouter({routers:[{   // path 是路径，component是组件path: '',component:},{path:'',component:}]
})// export default router

4、