首页 前端知识 VUE引用CSS,全是干货

VUE引用CSS,全是干货

2024-02-05 11:02:51 前端知识 前端哥 199 322 我要收藏

在vue中,很多时候会遇见相同效果的css,这个时候我们可以写一个css文件,想要使用时就去调用就可以了,关键来了,vue怎么样引用呢?

1.全局引入

将外部的css文件放到vue工程的一个文件夹下面,引入外部文件只需要在main.js文件中

import './assets/css/spanTextShadow.css'

 注意:引入后可能会导致你项目中所有的以此为类名或者标签名等的css样式改变

2.局部引入

在你的vue文件下引用

<style scoped>
    @import './assets/css/spanTextShadow.css'; 这个分号一定要写,不然会报错
</style>   

转载请注明出处或者链接地址:https://www.qianduange.cn//article/1352.html
标签
评论
发布的文章

Web10--jQuery进阶

2024-02-19 09:02:46

大家推荐的文章
会员中心 联系我 留言建议 回顶部
复制成功!