Heim >Web-Frontend >View.js >So führen Sie CSS-Dateien in vue.js ein

So führen Sie CSS-Dateien in vue.js ein

coldplay.xixi
coldplay.xixiOriginal
2020-11-09 11:17:244126Durchsuche

vue.js引入css文件的方法:1、在【main.js】中全局引入,代码为【import "./common/uni.css"】;2、直接在组件中引入,代码为【@import "/common/uni.css";】。

So führen Sie CSS-Dateien in vue.js ein

【相关文章推荐:vue.js

vue.js引入css文件的方法:

两种方式引入css文件

第一种:js引入

通常在在main.js中全局引入,即下面这种写法:

import "./common/uni.css"

注意:

  1、这种写法适用于此css文件存在于项目中,不适用于通过网址访问的方式引入,会报错。

  2、App平台 v3 模式暂不支持在 js 文件中引用"./common/uni.css"

第二种:css引入

直接在组件中引入比较简单

<style>
    @import "/common/uni.css";
</style>

注意:

  引入语句后面最好加上分号,只引用一个还好,引用多个不加分号会报错。

当然还有使用require()引入的,暂时比较习惯使用import。

相关免费学习推荐:javascript(视频)

Das obige ist der detaillierte Inhalt vonSo führen Sie CSS-Dateien in vue.js ein. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Stellungnahme:
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn