$attrs实现组件间传值

$attrs实现组件间传值

1.目标：在ShopRating.vue中存在从vuex中获取的评分值，现在需要根据评分值实现对Star组件里星星个数的控制。

2. 评分控制星星个数的思想：

  

 starNum(score) {
      let fullStar = "";
      let empityFullStar = 0;
        fullStar= parseInt(score);
      // 判断分数的小数部分是否小于5： <=5 小数部分被去除
      if (score % parseInt(score) < 0.5) {
        return [fullStar,0];
      }
      else{
        empityFullStar+=1;
        return [fullStar,empityFullStar];
      }

    },

3. 在ShopRating.vue里添加star组件，并为其动态绑定starNum返回的值。

 <star :starNum="starNum(info.foodScore )"></star>