在vue中,很多时候会使用相同效果的css,这个时候我们可以写一个把该样式写入一个css文件,想要使用时就去调用就可以了,关键来了!vue如何去引用这个css文件呢?
1.全局引用
将写好的css文件放到vue工程的一个文件夹下面,引入外部文件只需要在main.js文件中
import './assets/css/MyButton.css'
注意!引入后可能会导致你项目中所有的以此为类名或者标签名等的css样式改变,但是对该类名或者标签名元素进行二次更改样式则会使用后修改的样式。
2.局部引入
在你的vue文件下引用
<style scoped>
@import './assets/css/MyButton.css';
</style>
最后这个分号一定要写,不然会报错