首頁 > web前端 > Vue.js > 主體

vue怎麼加入logo

藏色散人
發布: 2021-11-02 15:11:54
原創
5262 人瀏覽過

vue新增logo的方法:1、在vue專案的根目錄下,新建一個img資料夾;2、透過「」方式新增logo即可。

vue怎麼加入logo

本文操作環境:windows7系統、vue2.9.6版,DELL G3電腦。

vue怎麼加入logo?

在vue專案中增加網頁logo:

一、前言

vue專案中增加網頁,操作很簡單,就能達到效果:一張圖片一行程式碼。

二、正文

本專案是基於 ElementUI 的 element-starter,以做更好的演示。

1.程式碼

vue怎麼加入logo

  • 增加如下logo

vue怎麼加入logo

  • 增加瞭如下的程式碼

<link>
登入後複製

注意在專案的根目錄下,新建一個資料夾如img,logo 的圖片從裡面獲取,不要在assets 中獲取!

nbsp;html>    
    
<link>    
Lin Hongcun

登入後複製

2.效果

vue怎麼加入logo

3.全部程式碼

程式碼放在GitHub 了:https://github.com/larger5 /web-logo

三、結尾

本來是件簡單的事情,但網路上對此的做法過於長篇大論,故寫本文。

推薦學習:《最新的5個vue.js影片教學精選

以上是vue怎麼加入logo的詳細內容。更多資訊請關注PHP中文網其他相關文章!

相關標籤:
vue
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板