vue中修改子组件样式

1、全局修改

　　一、在App.vue中设置，引入公共样式及个别页面的特殊样式common.css；

　　　　例如：<link rel="stylesheet" type="text/css" href="static/assets/css/common.css">

　　　　　　　下边的写法没用过参考连接中给的

　　　　　　　<a href="http://home.cnblogs.com/u/134870/" target="_blank">@import</a> "./common/css/main.css";

　　二、当前页面style去掉scoped属性。

2、引用的地方重写样式

　　这个方法有时候因为原组件样式嵌套复杂，没有分析清楚可能不生效。

　　一、重写用到组件的原有样式 仍是属于这个组件局部的。

 

 

参考:     在vue组件中style scoped中遇到的坑