关于vue手机端的页面title设置

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