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";

　　2、當前頁面style去掉scoped屬性。

二、引用的地方重寫樣式

　　這個方法有時候由於原組件樣式嵌套復雜，沒有分析清楚可能不生效。

　　1、重寫用到組件的原有樣式 還是屬於這個組件局部的。

 

 

參考:     在vue組件中style scoped中遇到的坑