导航守卫+缓存和懒加载的用法

1：导航守卫通过跳转和取消的方式守卫导，有多种机会植入路由，导航过程中：全局的, 单个路由独享的, 或者组件级的。

2：我们常用的一些是

• router.beforeEach 全局前置守卫 进入路由之前
• router.beforeResolve 全局解析守卫 (2.5.0+) 在 beforeRouteEnter 调用之后调用
• router.afterEach 全局后置钩子 进入路由之后
• 引入的方式有    import router "/router"，在引入时会有3个叁数（to,from,next）
• 

 3:写进度条

 首先下载 nprogress 在命令窗口npm install --save nprogress

3.1

然后在全局中引入。

3.2开启和关闭进度条。

3.3改变进度条颜色  #nprogress .bar {
  background: #f70 !important;
  }
#nprogress .peg {  
  box-shadow: 0 0 10px rgb(226, 173, 17), 0 0 5px rgb(224, 86, 18) !important;
}

 ！不要加scope！不要加scope

4：懒加载，因为vant中有懒加载样式，我们可以直接引用

 然后把要懒加载的东西改为v-lazy即可

5： 缓存

 把需要缓存的东西，<keep-alive></keep-alive>中即可

 。