vue两个页面共用css
2019-07-02
2,874 views
0 min read
最近遇到个小问题,VUE中有A、B、C三个页面,A和B两个页面有公用的CSS,现在想要把这一部分css代码提出来。引入css的时候发现不能直接在js里important
,因为是单页面应用,js里引入了就相当于全局引入了,对C页面也会产生影响。
正确的做法是在A和B两个页面的<style scoped></style>
标签里用
@import url('../style/a_b_common.css');
这样被引入进来的css代码也会被当前页面私有化。
每个页面或者组件可以有多个<style>
标签,私有的样式和公共的可被修改的样式应该分开来写。
Previous Post
git 忽略已经被提交的文件
Next Post
在Laravel中使用Workerman
Or you can contact me by Email