修改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>