vue.js怎么引入css文件
vue.js引入css文件的方法:1、在【main.js】中全局引入,代码为【import "./common/uni.css"】;2、直接在组件中引入,代码为【@import "/common/uni.css";】。
创新互联公司是一家集网站建设,临清企业网站建设,临清品牌网站建设,网站定制,临清网站建设报价,网络营销,网络优化,临清网站推广为一体的创新建站企业,帮助传统企业提升企业形象加强企业竞争力。可充分满足这一群体相比中小企业更为丰富、高端、多元的互联网需求。同时我们时刻保持专业、时尚、前沿,时刻以成就客户成长自我,坚持不断学习、思考、沉淀、净化自己,让我们为更多的企业打造出实用型网站。
【相关文章推荐:vue.js】
vue.js引入css文件的方法:
两种方式引入css文件
第一种:js引入
通常在在main.js中全局引入,即下面这种写法:
import "./common/uni.css"
注意:
1、这种写法适用于此css文件存在于项目中,不适用于通过网址访问的方式引入,会报错。
2、App平台 v3 模式暂不支持在 js 文件中引用"./common/uni.css"
第二种:css引入
直接在组件中引入比较简单
注意:
引入语句后面最好加上分号,只引用一个还好,引用多个不加分号会报错。
当然还有使用require()引入的,暂时比较习惯使用import。
相关免费学习推荐:javascript(视频)
文章标题:vue.js怎么引入css文件
网站URL:http://scjbc.cn/article/cjgijp.html