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中遇到的坑