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引入
直接在组件中引入比较简单
<style>
@import "/common/uni.css";
</style>注意：
引入语句后面最好加上分号，只引用一个还好，引用多个不加分号会报错。
当然还有使用require()引入的，暂时比较习惯使用import。
相关免费学习推荐：javascript（视频）
以上就是vue.js怎么引入css文件的详细内容，更多请关注php中文网其它相关文章！
每个人都需要一台速度更快、更稳定的 PC。随着时间的推移，垃圾文件、旧注册表数据和不必要的后台进程会占用资源并降低性能。幸运的是，许多工具可以让 Windows 保持平稳运行。
广告
收藏
收藏
收藏
Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号
497
