<div id="app"> <i class="iconfont icon-xingxing" @mouseleave='score = score1' @mouseenter='score = item' @click='score1 = item' :class="item<=score ? 'icon-xingxing1' : 'icon-xingxing'" v-for="(item,i) in count"></i> </div> <script src="../vue.js"></script> <script> let app = new Vue({ el: '#app', data() { return { count: 10, score: 3, score1: 0 } }, created() { //将初始换值做备份 this.score1 = this.score }, })
vue 里面在class ；里 可以写条件判断通过条件判断来改变字体图标的类型（代码减少方便）
return {
count: 10,
score: 3,
score1: 0
}
在写这些数据之前一定要将它们ruturn 出来 不然就会找不到这些数据
