組件化icon，來實現根據傳入數據不一樣而顯示不一樣圖標代碼。

目標：把classMap顯示不一樣的icon功能抽象成一個組件。 分析：須要傳入的參數有icon尺寸，icon種類。因此下面icon.vue裏面定義了2個參數size和type，由父組件傳入。 難點：css代碼層疊關係這裏要理清。另外vue中綁定2個class屬性能夠使用數組形式——：class=」[iconSize,iconType]」，若是不加數組的中括號，會致使只有第一個class類生效。j

>>阅读原文<<