全网最简单的vue-router使用方法实例

HTTPS：
https://github.com/450653023/...

SSH：
mailto:[e-mail]:450653023/router-test.git

一、准备工作
1、主页的布局
2、要调用的子页面

二、安装
npm install vue-router --save
yarn add vue-router --save

三、导入
1、App.vue的同级下创建文件夹router，文件夹新建文件index.js
2、在main.js导入相关文件

四、调用路由
1.index.js里面成分构成
index.js

//  import引入vue和路由还有子页面
//  vue.use(路由)
//  创建路由实例
//  写路由映射
//  输出router

2.main.js里面成分构成
main.js

//导入vue、App、router
//vue实例化：绑定app的外框元素、引用router、渲染

五、编写router-link标签和router-view标签
<router-view>路由结果内容会打在这里</router-view>
<router-link to="/跳转的地址">PageOne</router-link>

六、测试