$router 可以设置路由

$route 只可以读取路由信息

如果要在路由中自定义路由信息的标识，可以在每个路由中通过设置meta（元数据）属性来配置，如： meta: {

    num: 0

}

路由拦截/路由导航守卫

// 路由拦截/路由导航守卫（在路由这个文件里面写）,路由导航守卫：前置导航守卫和后置导航守卫

// 三个参数

// to代表即将进入的路由

// from代表即将离开的路由

// next()，每一个导航守卫必须至少搭配一个next()，符合条件后只有调用next()才会进行跳转，否则会一直卡在没跳转那个地方

router.beforeEach((to, from, next) => {

  // 想要进入购物车页面，必须有token

  // console.log('to:', to)

  // console.log('from:', from)

  const token = localStorage.getItem('token')

  if (to.path === '/cart') {

    // 此时必须要有token

    if (token) {

      // 这个next()是只针对cart路由的

      next()

    } else {

      vm.$toast('请先登录!')

      // 定时器

      setTimeout(() => {

        next('/user')

      }, 1000)

    }

    return false

  }

  // 下方这个next()是适配所有路由的

  next()

})