Vue路由配置

vue-router路由管理页面之间的关系

 

引入路由

1.安装路由：npm install --save vue-router

2.配置文件：src --> router --> index.js

 

注：圈红的组件：src --> views --> 

 

 

 

3.引入路由显示入口：main.js

4.指定路由显示入口：app.vue组件里 <router-view></router-view>

5.指定路由跳转：app.vue组件里 <router-link>---</router-link>