Vue 动态设置网站浏览器标题

Vue.directive('title', {
  inserted: function (el, binding) {
    document.title = el.dataset.title
  }
})

const routes = [
  { path: '/a', component: { template: '<div v-title data-title="标题内容aaa">内容aaaa</div>' } },
  { path: '/b', component: { template: '<div v-title data-title="标题内容bbb">内容bbbb</div>' } }
]

const router = new VueRouter({
  routes
})

new Vue({
    router,
  el: '#app'
})