路由配置的日常

路由是指路由器从一个接口上收到数据包，根据数据包的目的地址进行定向并转发到另一个接口的过程，首先要知道Vue2与Router3匹配，而Vue3与Router4匹配

1.下载路由

在项目文档总目录中输入cmd回车弹出

输入 npm install vue-router

2.搭建路由

（1）在vue2中创建router文件夹，在文件夹内创建index.js，再把index.js引入vue2框架中的main.js中

（2）在index.js中配置并引入

 

 

（3）在vue2 src中创建相应的文件夹，并且在创建的文件夹内创建相应的App.vue，再在相应的vue中创建视口 

router link to 会把元素默认更改为a标签，tag：更改为li标签，to后面代表路径 ，active-class为路由自带，后边跟随active是给此元素增加css样式，下方 router-view 代表视口，必须包裹在div内

（4）子路由

想在哪个页面中加子路由就在index.js配置中相应的配置下加children数组

 （5）编程式-用JS代码来进行跳转

给元素添加点击事件，用方法跳转