VUE自定义指令来处理修改Title

// 使用路由守卫和自定义指令来处理页面Title

router.afterEach((to, from) => { 
    if (to.meta.title) {
        document.title = '秀匠云—' + to.meta.title;
        pageTitle = to.meta.title
    } else { 
        Vue.directive('title', { //单个修改标题
            update: function(el, binding) {
                document.title = '秀匠云—' + binding.value
            }
        })
    } 
})

// v-title指令绑定data
<div v-title="changeTitle"></div>