vue中动态配置网站ico和标题

如图,第二个Tab标签页,是从第一个Tab标签页跳转的,但是可以看到网站的ico不同,
使用方式:

//methods中添加这样一个方法,如果要添加固定的ico就直接在created中调用,如果是接口动态获取,就在拿到数据之后调用这个方法就行了.
IcoCreate(icoUrl){
	 var link= document.querySelector("link[rel*='icon']") || document.createElement('link');
	 link.type = 'image/x-icon';
	 link.rel = 'shortcut icon';
	 link.href = 'ico文件的url' 
	 document.getElementsByTagName('head')[0].appendChild(link);
},

动态创建标题方法

created () {
    document.title = '网站标题'
},
 //或者
mounted() {
   document.title = '网站标题'
}