最近項目中的公共組件，在復用的時候，針對不同的場景，需要不斷變更CSS里樣式的值，而且已經有了全局的公共組件樣式了

十載的甘德網站建設經驗，針對設計、前端、開發、售后、文案、推廣等六對一服務，響應快，48小時及時工作處理。成都營銷網站建設的優勢是能夠根據用戶設備顯示端的尺寸不同，自動調整甘德建站的顯示方式，使網站能夠適用不同顯示終端，在瀏覽器中調整網站的寬度，無論在任何一種瀏覽器上瀏覽網站，都能展現優雅布局與設計，從而大程度地提升瀏覽體驗。成都創新互聯從事“甘德網站設計”,“甘德網站推廣”以來，每個客戶項目都認真落實執行。

如果用vue傳統的動態綁定class和style的方式去修改樣式（文末會提到），需要額外寫很多變量和模塊class，那如果我的樣式的值，可以從父組件，傳到子組件，子組件根據傳入值去渲染對應樣式的值，其實就是要再style中使用data和props中的變量，這要怎么做呢？

相關學習推薦：javascript視頻教程

其實很簡單，只需要三步，大家來看：

1、HTML結構

2、作用區域范圍內設置“CSS變量”