最新国产好看的视频,伊人天堂AV在线,国产Aaaaaa视频,蜜臀视频在线观看一区,人妻av色图,密臀久久久精品影片,青青视频免费观看毛片,久草在线观看视,国产三级精品色情在线

在vue-cli的組件模板里使用font-awesome的兩種方法

 更新時(shí)間:2018年09月28日 09:33:21   作者:夏天的風(fēng)歐陽(yáng)冰嫣  
今天小編就為大家分享一篇在vue-cli的組件模板里使用font-awesome的兩種方法,具有很好的參考價(jià)值,希望對(duì)大家有所幫助。一起跟隨小編過(guò)來(lái)看看吧

方法一:

npm install font-awesome

在main.js里添加import 'font-awesome/css/font-awesome.css'

方法二:

官網(wǎng)下載代碼到本地,現(xiàn)在應(yīng)該是font-awesome-4.7,把整個(gè)文件夾放到static文件夾中,然后在index.html中加上<link

rel="stylesheet" href="/static/font-awesome-4.7/css/font-awesome.min.css" rel="external nofollow" >,應(yīng)該就可以了。

使用方法:<i class="fa fa-home fa-lg"> 主頁(yè)</i>

以上這篇在vue-cli的組件模板里使用font-awesome的兩種方法就是小編分享給大家的全部?jī)?nèi)容了,希望能給大家一個(gè)參考,也希望大家多多支持腳本之家。

相關(guān)文章

  • vue實(shí)現(xiàn)移動(dòng)端touch拖拽排序

    vue實(shí)現(xiàn)移動(dòng)端touch拖拽排序

    這篇文章主要為大家詳細(xì)介紹了vue實(shí)現(xiàn)移動(dòng)端touch拖拽排序,文中示例代碼介紹的非常詳細(xì),具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下
    2022-07-07
  • mockjs+vue頁(yè)面直接展示數(shù)據(jù)的方法

    mockjs+vue頁(yè)面直接展示數(shù)據(jù)的方法

    這篇文章主要介紹了mockjs+vue頁(yè)面直接展示數(shù)據(jù)的方法,小編覺(jué)得挺不錯(cuò)的,現(xiàn)在分享給大家,也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧
    2018-12-12
  • vue實(shí)現(xiàn)移動(dòng)端拖動(dòng)排序

    vue實(shí)現(xiàn)移動(dòng)端拖動(dòng)排序

    這篇文章主要為大家詳細(xì)介紹了vue實(shí)現(xiàn)移動(dòng)端拖動(dòng)排序,文中示例代碼介紹的非常詳細(xì),具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下
    2020-08-08
  • vue 自定義指令directives及其常用鉤子函數(shù)說(shuō)明

    vue 自定義指令directives及其常用鉤子函數(shù)說(shuō)明

    這篇文章主要介紹了vue 自定義指令directives及其常用鉤子函數(shù)說(shuō)明,具有很好的參考價(jià)值,希望對(duì)大家有所幫助。如有錯(cuò)誤或未考慮完全的地方,望不吝賜教
    2022-01-01
  • vue.extend,mixins和vue.component的區(qū)別及說(shuō)明

    vue.extend,mixins和vue.component的區(qū)別及說(shuō)明

    Vue.extend 創(chuàng)建Vue的子類(lèi),可視為組件構(gòu)造函數(shù),Vue.mixin 允許全局添加方法或?qū)傩?方便所有組件使用,Vue.component 是插件注冊(cè)方法,通過(guò)Vue.extend創(chuàng)建的組件實(shí)例可以注冊(cè)到Vue全局,使其在任何組件中可用
    2024-09-09
  • vue 計(jì)時(shí)器組件的實(shí)現(xiàn)代碼

    vue 計(jì)時(shí)器組件的實(shí)現(xiàn)代碼

    本篇文章主要介紹了vue 計(jì)時(shí)器組件的實(shí)現(xiàn)代碼,小編覺(jué)得挺不錯(cuò)的,現(xiàn)在分享給大家,也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧
    2017-09-09
  • Vue3使用Element?Plus實(shí)現(xiàn)列表界面的方法步驟

    Vue3使用Element?Plus實(shí)現(xiàn)列表界面的方法步驟

    寫(xiě)后臺(tái)管理的時(shí)候會(huì)有很多列表以及相應(yīng)的條件查詢(xún),下面這篇文章主要給大家介紹了關(guān)于Vue3使用Element?Plus實(shí)現(xiàn)列表界面的方法步驟,文中通過(guò)實(shí)例代碼介紹的非常詳細(xì),需要的朋友可以參考下
    2023-04-04
  • 一篇文章搞懂Vue3中如何使用ref獲取元素節(jié)點(diǎn)

    一篇文章搞懂Vue3中如何使用ref獲取元素節(jié)點(diǎn)

    過(guò)去在Vue2中,我們采用ref來(lái)獲取標(biāo)簽的信息,用以替代傳統(tǒng) js 中的 DOM 行為,下面這篇文章主要給大家介紹了關(guān)于如何通過(guò)一篇文章搞懂Vue3中如何使用ref獲取元素節(jié)點(diǎn)的相關(guān)資料,需要的朋友可以參考下
    2022-11-11
  • Vue的模板語(yǔ)法以及實(shí)戰(zhàn)案例

    Vue的模板語(yǔ)法以及實(shí)戰(zhàn)案例

    Vue使用了基于HTML的模板語(yǔ)法,允許開(kāi)發(fā)者聲明式地將DOM綁定至底層Vue實(shí)例的數(shù)據(jù),下面這篇文章主要給大家介紹了關(guān)于Vue的模板語(yǔ)法以及案例的相關(guān)資料,文中通過(guò)實(shí)例代碼介紹的非常詳細(xì),需要的朋友可以參考下
    2022-06-06
  • Vue 組件之間的通信方式詳解

    Vue 組件之間的通信方式詳解

    在 Vue.js 中,組件是構(gòu)建應(yīng)用程序的基本單位,然而,當(dāng)你的應(yīng)用程序變得復(fù)雜時(shí),組件之間的通信變得至關(guān)重要,本文將介紹幾種 Vue 組件之間通信的方式,幫助你更好地管理和組織代碼,感興趣的朋友一起看看吧
    2024-06-06

最新評(píng)論

临澧县| 威宁| 晴隆县| 常熟市| 手机| 晋州市| 恭城| 灵宝市| 沁源县| 邳州市| 惠东县| 通化县| 墨竹工卡县| 瓦房店市| 辉南县| 延边| 遵义县| 延川县| 潍坊市| 龙川县| 定结县| 宁海县| 正安县| 灵寿县| 山西省| 弋阳县| 宁南县| 饶河县| 丽江市| 新野县| 江北区| 九龙城区| 上犹县| 彝良县| 天水市| 延安市| 南通市| 明溪县| 南康市| 大洼县| 阿拉尔市|