一、在開發的過程中會可能會遇到下圖這樣的評分效果,下面就來看看這種效果用vue如何實作
效果圖
圖檔發自簡書App
HTML部分
CSS部分
JS部分
二、項目的開發過程，經常會遇到評價分數的展示，下邊我們就來實作以下，不同類型不同大小，可以在任意使用的分數展示的vue元件，計算屬性來動态添加不同的樣式。
當時4.8分的時候展示效果如下
隻要應用的技術是vue中的computed來計算屬性，根基不同的屬性添加不同的類，代碼實作如下
html結構
css樣式
js中的屬性計算（重點）
根據size跟score的值的不同來計算添加哪一個樣式