通过v-model来双向绑定父子之间的值

1.子组件

<button @click.prevent.stop="onClick()" >
        <slot></slot>
</button>
 export default {
    name: 'Button',
    data() {
        return {
            counter:0
        }
    },
    methods : {
        onClick() {
            
            this.counter++;
            this.$emit('input',this.counter);
        }
    },
	
 }
</script>

2.父组件

<div>{{total}}</div>
<v-bigbutton  v-model="total">+1</v-bigbutton>