Vue.js

vue-router メモ

2017.7.20

ページタイトル <title> を変更する

src/main.js
router.beforeEach((to, from, next) => {
  document.title = to.meta.title;
  next();
});

404 Not Found を実現する

const router = new Router({
  routes: [
    // :
    {
      path: '/404',
      name: 'NotFound',
      component: NotFound,
      meta: { title: '404' },
    },
    {
      path: '*',
      redirect: { name: 'NotFound' },
    },
  ],
});

vuejs/vuex-router-sync

Effortlessly keep vue-router and vuex store in sync.

transition

advanced