vuejs学习与总结——vue-router（全局导航护卫/vue-router-keep-alive）

概述

我们在做一件事情的时候，总会考虑他的需求。那我们为什么要使用导航守卫呢？

• 网页标题是通过title 来实现的，但是SPA只有一个固定的HTML，切换不同的页面是，标题被捕获发生改变
• 但是我们可以通过javaScript来修改< title>的内容，window.document.title = '新的标题'

导航守卫

定义

在vue中，我们可以在每一个路由对应的组件.vue文件中修改标题。

• 在mounted声明周期函数，执行对应的代码进行修改即可
• 但是在页面比较多的情况下，这种方式就显得不太好维护
  所以我们就必须考虑我们的导航守卫。

实现步骤

具体步骤如下：

• 我们可以利用beforeEach来完成标题的修改
  • 首先，我们可以在钩子当中定义一些标题，可以利用meta来定义
  • 其次，利用导航守卫修改我们的标题