vue-router-全局导航守卫

为什么使用导航守卫？

考虑一个需求：在一个SPA应用中，如何改变网页的标题呢？
网页标题是通过< title >来显示的，但是SPA只有一个固定的HTML，切换不同的页面时，标题并不会改变
但是可以通过JavaScript来修改< title >的内容.window.document.title = ‘新的标题’
那么在Vue项目中，在哪里修改？什么时候修改比较合适呢？

matched
v. 敌得过；和…相配（match的过去式和过去分词）
adj. 相配的；敌得过的

普通的修改方式：
比较容易想到的修改标题的位置是每一个路由对应的组件.vue文件中
通过mounted声明周期函数，执行对应的代码进行修改即可
但是当页面比较多时，这种方式不容易维护（因为需要在多个页面执行类似的代码）

什么是导航守卫？
vue-router提供的导航守卫主要用来监听监听路由的进入和离开的。
vue-router提供了beforeEach和afterEach的钩子函数，它们会在路由即将改变前和改变后触发。

vue-router-全局导航守卫
补充一：如果后置钩子，也就是afterEach,不需要主动调用next()函数。
补充二：上面我们使用的导航守卫，被称之为全局守卫。
路由独享的守卫
组件内的守卫