這篇文章給大家介紹vuejs如何引入css,內容非常詳細,感興趣的小伙伴們可以參考借鑒,希望對大家能有所幫助。
vue.js引入外部CSS樣式?
學習Vue.js動畫時,需要引入一個animate.css,如何全局引入外部文件呢?
引入外部CSS樣式文件
1. 在app.vue中<style>下直接引入對應的路徑
使用@import引入外部css,作用域是全局的,也可在相應的單vue組件引入,import并不是引入代碼到<style></style>里面,而是發起新的請求獲得樣式資源,并且沒有加scoped。
<style scoped> @import "../static/font/iconfont.css"; </style>
注:如果有樣式時,應該放在#app上面引入,不然引入不成功!
2.@import改成<style src=""></style>引入外部樣式
關于vuejs如何引入css就分享到這里了,希望以上內容可以對大家有一定的幫助,可以學到更多知識。如果覺得文章不錯,可以把它分享出去讓更多的人看到。
免責聲明:本站發布的內容(圖片、視頻和文字)以原創、轉載和分享為主,文章觀點不代表本網站立場,如果涉及侵權請聯系站長郵箱:is@yisu.com進行舉報,并提供相關證據,一經查實,將立刻刪除涉嫌侵權內容。