最近遇到个小问题,VUE中有ABC三个页面,AB两个页面有公用的CSS,现在想要把这一部分css代码提出来。引入css的时候发现不能直接在js里important,因为是单页面应用,js里引入了就相当于全局引入了,对C页面也会产生影响。
正确的做法是在AB两个页面的<style scoped></style>标签里用

@import url('../style/a_b_common.css');

这样被引入进来的css代码也会被当前页面私有化。

每个页面或者组件可以有多个<style>标签,私有的样式和公共的可被修改的样式应该分开来写。