在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>