day9 导航守卫，过度特效，懒加载

vue路由守卫

1. 路由跳转的时候，中间的一些事件。

2. 跳转之前的事件。比如跳转之前，判断有没有登录，没有的话就跳到登录页面。跳转到登录页面的时候，就可以直接跳。
   

3. 每次跳转之后触发。afterEach.

4. 特定跳转之后触发。在跳到about页面之前触发。
   

5. 还有几种。
   进入前。
   组件重复利用。
   离开前。
   

路由元信息

1. 元信息写在路由最后 的meta里，可以设置一些路由特定的信息。
   

页面需要权限并且没有登录，跳转到登录页面。

过渡动效

1. 页面切换的动效。用transation包裹住。模式可以优化切换的效果。
   

2. 可以通过下面命令安装animate动画库
   
   在main.js里导入
   

3. 滚动行为。注意滚动写的位置，是在new的router对象之中。然后动画效果可能会和滚动引起冲突。
   

懒加载

1. 点了页面才去加载对应的页面。不是一开始就一次性加载完所有页面。用component的回调函数来做。
   
2. 将不同页面打包到一起。这里将About页面和Me页面都打包到about当中，到时候加载就一块加载。