一,路由的安装和应用
npm install vue-router
二,router-link中的属性
2.1 : to 跳转的路由地址两种使用方式 to="/home" :to="{path: '/home', query:{id:1,name:'lishi'}}"
2.2 : tag 渲染什么标签 tag="a"
2.3 : replace 没有回退和前进
三,路由中的传参和接收参数
3.1:通过query传参的需求用 this.$route.query来接收参数
3.2:用动态路由传参方式用this.$route.params来接收参数
四,代码中的路由跳转的两种方式
五,路由中routes参数
mode: hash | history 路由的两种方式
linkActiveClass : string 路由router-link是选中的class
六,路由守卫的三种方式,见官网
6.1 全局守卫
6.2 路由独享守卫
6.3 组件内守卫
七,router和keep-alive间的关系
7.1 如果router-view写在keep-alive中就不有多次创建
7.2,keep-alive的两个参数,include和exclude
7.3,当用keep-alive时,这两个方法可调用
activated 活跃状态时调用的方法,deactivated失去活跃时调用的方法。如下