vue 中的路由

一，路由的安装和应用

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失去活跃时调用的方法。如下