路由的全局前置守衛

router.beforeEach((to, from, next) => {
  // 獲取倉庫里的登錄信息
  const auth = router.app.$options.store.state.auth

  if (auth && to.path.indexOf('/auth/') !== -1) {
    // 如果當前用戶已登錄，且目標路由包含 /auth/ ，就跳轉到首頁
    next('/')
  } else {
    next()
  }
})

• 使用 router.beforeEach 注冊一個全局前置守衛，它在導航被觸發后調用，我們可以通過跳轉或取消的方式守衛導航，參數我們上面介紹過；
• 使用 router.app 可以獲取 router 對應的 Vue 根實例，使用實例的 $options.store 可以從選項中訪問倉庫；
• 使用 next('/') 或者 next({ path: '/' }) 來跳轉到一個新的地址；
• 實例的 $options 是用於當前 Vue 實例的初始化選項：

• new Vue({
    el: '#app',
    router,
    store,
    components: { App },
    template: '<App/>',
    created() {
      console.log(this.$options.el) // => '#app'
    }
  })

  在路由配置文件中，我們還可以通過下面的方式訪問倉庫：

• import store from '../store'
  const auth = store.state.auth