vue2.0的組件聯合變化

利用vue2.0 的computed計算屬性,去動態監聽數據變化,再通過數據傳遞到組件

下面來看代碼:

  computed: {

     selectFoods() {
      let foods = [];
      this.goods.forEach((good) => {
        good.foods.forEach((food) => {
          if (food.count) {
              foods.push(food);
          }
        });
      });
      return foods;
    }

}


-------組件傳遞---

  <v-shopcart :select-foods="selectFoods" ></v-shopcart>


-----------組件接收----------

  export default {
    props: {
      food: {
        type: Object
      }
   }

}

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章