vue-router的使用

安装：

配置：

base:服务器的地址

riouter.js：里面path路径加上props:true

路由会把props里面的值作为属性传过来detail.vue页面。就代替了this.$router

路由守卫

让用户没有登陆的情况下拦截：

第一步：router.js的路径里面加上meta:{auth:true}防止用户可以随便进入到这个页面中

第二步：router.beforeach((to,from,next)=>{ 判断登陆状态，token，storage}）函数写代码

路由独享守卫：beforEnter

组件内的守卫：beforeRouteEnter

Vue_Router的扩展：

动态路由：

routes可能是一棵树，所以要做递归替换，有孩子节点就调用自己，做一个递归

面包屑：

$route.matched：可以把层级关系显示出来

vue-router:源码实现：

导入vue-router用法：

1.

2.this.$router