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文件
当前路径:http://csruizhi.cn/article/cjgijp.html

其他资讯

Copyright © 2007-2024 成都优众联杰科技有限公司 All Rights Reserved 蜀ICP备2024116266号
友情链接: 企业网站设计 成都定制网站建设 重庆电商网站建设 成都网站建设 响应式网站设计 成都网站设计 成都网站设计 成都网站建设 网站制作 定制网站制作 成都响应式网站建设公司 手机网站建设套餐 手机网站制作 网站建设推广 成都响应式网站建设 移动网站建设 重庆企业网站建设 定制级高端网站建设 成都网站制作 成都响应式网站建设 成都网站建设 成都网站建设流程