vue怎么添加logo_Vue.js

上一篇: vuejs怎么实现字符串转对象下一篇:vue怎么实现验证码

vue怎么添加logo

发布时间：2022-05-22 发布网站：脚本宝典

脚本宝典收集整理的这篇文章主要介绍了vue怎么添加logo，脚本宝典觉得挺不错的，现在分享给大家，也给大家做个参考。

vue添加LOGo的方法：1、在vue项目的根目录下，新建一个img文件夹；2、通过“<link rel="icon" href="../img/MyLogo.png">”方式添加logo即可。

vue怎么添加logo

本文操作环境：windows7系统、vue2.9.6版，DELL G3电脑。

vue怎么添加logo？

在vue项目中增加网页logo：

一、前言

vue项目中增加网页，操作很简单，就能达到效果：一张图片 + 一行代码。

二、正文

本项目是基于 ElementUI 的 element-starter，以做更好的演示。

1.代码

vue怎么添加logo

增加如下logo

vue怎么添加logo

增加了如下的代码

<link rel="icon" href="../img/MyLogo.png">

注意在项目的根目录下，新建一个文件夹如 img，logo 的图片从里边获取，不要在 assets 中获取！

<!DOCTYPE htML><html><head>    
<;meta charset="utf-8">    
<link rel="icon" href="../img/MyLogo.png">    
<tITle>Lin Hongcun</title>
</head><body>
<div id="app">
</div>
</body>
</html>

2.效果

vue怎么添加logo

3.全部代码

代码放在 GitHub 了：https://github.COM/larger5/web-logo

三、结尾

本来是件简单的事情，但网上对此的做法过于长篇大论，故写本文。

推荐学习：《最新的5个vue.js视频教程精选》

以上就是vue怎么添加logo的详细内容，更多请关注脚本宝典其它相关文章！

脚本宝典总结

以上是脚本宝典为你收集整理的vue怎么添加logo全部内容，希望文章能够帮你解决vue怎么添加logo所遇到的问题。

如果觉得脚本宝典网站内容还不错，欢迎将脚本宝典推荐好友。

本图文内容来源于网友网络收集整理提供，作为学习参考使用，版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ：384754419，请注明来意。

标签：vue

上一篇: vuejs怎么实现字符串转对象下一篇:vue怎么实现验证码

猜你在找的Vue.js相关文章

uni-app的优点有哪些 2022-05-23
Vue-SuperSlide(SuperSlide component for Vue) 2019-05-07
基于vue2.0的weex实践（前端视角） 2019-05-07
手把手教你写 Vue UI 组件库@vue2.0 2019-05-07
解决vue报错Failed to mount component 2019-05-07
Vue学习笔记之vue-cli项目搭建及解析 2019-05-07
Vue.js—单元测试 2019-05-07
vue2.0脚手架的安装和项目搭建 2019-05-07
Vue经典开源项目汇总demo实例github下载教程 2018-12-04
使用Vue.js构建Wordpress Gutenberg块 2018-11-17