<script>
//引入全局vue

import Vue from 'vue'
	export default {
    props:{//父子传值
      food:{
        type:Object
      }
    },
		methods:{
      decreaseCart(){
        this.food.count--
      },
      increaseCart(){
//在json中是没有count这个属性的这;在这里我们需要用到vue中提供的方法vue.set创建count属性
        if(!this.food.count){
          Vue.set(this.food,"count",1)//在this.food中创建count属性;默认值为1
            //如果直接使用众所周知，直接给food赋值操作，虽然可以新增属性，但是不会触发视图更新
           // this.food.count = 1
            //如果不引入全局也可以这样写
             //this.$set(this.food,"count", 1)
        }else{
          this.food.count++
        }
      }
    }
	}
</script>