通过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>