Vueルータールーティングガードの詳細な説明

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

const ルーター = 新しい VueRouter({
  ルート: [
    {
      名前: 'ホーム',
      パス: '/home',
      コンポーネント: ホーム、
      メタ: {
        タイトル: 「ホーム」
      },
      子供たち： [ 
        {
          名前: "xiaoxi",
          パス: 'メッセージ',
          コンポーネント: メッセージ、
          メタ: {
            タイトル: 「ニュース」
          },
          子供たち： [
            {
              名前: 'xiangqing',
              パス: '詳細',
              コンポーネント: 詳細、
              メタ: {
                isAuth: 真、
                タイトル: 「メッセージの詳細」
              }
            }
          ]
        }
      ]
    },
    {
      パス: '/about',
      コンポーネント: について、
      メタ: {
        タイトル: 「概要」
      }
    }
  ]
})

router.afterEach((to, from) => {
  document.title = to.meta.title || "テスト"
})