vue中css代码优化----样式篇

在写css的时候有时候会大量重复使用一些颜色，加入今后要修改，就得修改所有的地方，这样显然不符合分离的设计（解耦）。所以应该怎么做呢？

1.创建一个新文件，里面存放样式

varibles.stylus：

$bgColor=#00bcd4

2.在style中引用

这里一定要注意，@是webpack定义的src目录。但是这里在使用是需要加~ 即~@

@import "文件所在的相对路径/varibles.stylus"
或者使用~@代替路径
@import "~@/assets/styles/varibles.stylus"

3.使用

最后将 #00bcd4 替换成 $bgColor