vuejs如何动态修改浏览器title

vuejs如何动态修改浏览器title，下面编程教程网小编给大家详细介绍一下实现代码！

全局main.js设置

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

在需要动态设置的标签中引入

<div v-title data-title="设置title"></div>