vue从创建到完整的饿了么（9）页面图标ico的设置

说明

1.上一章--city.vue布局及vuex的state属性的简单使用
2.苍渡大神项目源码--项目地址
3.UI框架--Mint ui
4.数据接口地址--接口地址
5.下一章--city.vue完善（v-if 及本地缓存的存储与读取）

icon页面图标

1.先看一下目前的home.vue页面

大家可以看到，页面右下角console里有一个404错误--这是因为咱们没有设置页面图标，在上方我标出了有页面图标和没有页面图标的区别。

2.下载。
网上随便搜一个ico图标下载。如在这个网站里下一个酷酷的ico图标。

3.位置
把下好的ico图标放到项目的state文件夹里，并改名为favicon.ico

4.获取
在项目根目录下的index.html加入

<link rel="ico" type="image/x-icon" href="static/favicon.ico">
<link rel="shortcut icon" type="image/x-icon" href="static/favicon.ico">

5.运行
ok，代码改完了，运行试试！

解决！各位老铁可以看到，console里的404错误没有了，咱们的页面图标也出现了，而且还是一个帅气的牛头！

home.vue的功能先写完了，那咱们下面来完善city.vue的功能