2-7 sync双向数据绑定

双向数据绑定，子组件改变的时候，父组件也在改变

//父组件
<template>
  <div>
   {{count}}
   <count :data.sync="count" ></count>
  </div>
</template>
<script>
import Count from '@/components/Count'
export default {
  name: "Home",
  data() {
    return {
      count:10
    };
  },
  components:{
    Count
  }
};
</script>

//子组件
<template>
  <div @click="add">{{data}}</div>
</template>
<script>
export default {
    props:{
        data:{
            type:Number,
            required:false
        }
    },
    methods:{
        add(){
            this.$emit("update:data",11)
        }
    }
};
</script>