路由前置守卫

// {
//   path: '/',
//   name: 'Index',
//   component: () => import('../views/Index.vue'),
//   meta: {
//     title: '首页 - 学子商城',
//   },
// 路由守卫: 路由每次发生跳转前, 都会在守卫处进行登记, 守卫决定是否允许你跳转 -- 路由前置守卫-跳转前触发
router.beforeEach((to, from, next) => {
  // 参数是固定的3个:
  // to: 要跳转到的位置
  // from: 当前位置
  // next: 放行, 允许跳转
  console.log('路由守卫被触发, 侦测到跳转操作...')
  console.log('正在前往:', to) // 展开看看 meta 属性
  let title = to.meta.title //前往的页面的题目
  // 问题: 如何通过代码修改 标题栏的 内容
  document.title = title

  // 标签栏的图标是 public/favicon.ico, 你可以用你的图标替换这个文件, 名字必须一样

  next() //允许跳转
})