修改vue项目的浏览器title标题和图标

修改vue项目的浏览器title标题和图标

方法一

直接打开index.html,并添加

<title>起风了快回家了title>
<link rel="icon" type="image/x-icon" href="图片路径">
或
<link rel="shortcut icon" type="image/x-icon" href="图片路径">

方法二

打开main.js文件，并添加

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

再在app.vue或任意组件的任意标签里添加

v-title data-title="标题内容"

如

<div v-title data-title="起风了快回家了">div>
<span v-title data-title="起风了快回家了">span>