路由是指路由器从一个接口上收到数据包,根据数据包的目的地址进行定向并转发到另一个接口的过程,首先要知道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代码来进行跳转
给元素添加点击事件,用方法跳转