vue

 vue-评分

1.html部分
  <ul class="starList">
      <li v-for="(item,index) in 5" 
          :key="index" 
          :class="{active:starArr.indexOf(index)>-1}" 
          @click="changeStar(index)"
      ></li>
  </ul>

2.css部分
  .starList{
    display: flex;
  }
  .starList li{
    background: url('../images/icon-star.png') no-repeat 0 0;
  }
  .starList li.active{
    background: url('../images/icon-star-active.png') no-repeat 0 0;
  }

3.js部分
  changeStar(index){
      this.starArr = []
      for (var i = 0; i <= index; i++) {
          this.starArr.push(i)
      }
  }