通過vue-cli建立的項目在main.js通過vue的自定義指令Vue.directive來進行注冊
全局注冊
Vue.directive('title',{
inserted:function(el){
document.title = el.dataset.title
}
})
局部注冊
directive:{
'title':{
inserted:function(el){
document.title = el.dataset.title
}
}
}
inserted 是表示頁面渲染時，傳遞的參數el在插入DOM中時執行 可以當成在vue模板渲染生成掛載時執行的documen.title的方法（個人理解）
在使用時，在給一個組件中的頂層div中<div v-title data-title="所需要的標題" ></div>