【双向绑定极简版代码】在Vue.js的自定义组件中实现v-model=“”双向绑定

<template>
    <el-button 
    size="mini" 
    :icon="value ? 'el-icon-monitor' : 'el-icon-full-screen'" 
    @click="click">{{ value ? '恢复' : '全屏' }}</el-button>
</template>
<script>
export default {
    props: ['value'],//变量名必须用value，否者不生效
    methods: {
        click() {
            this.$emit('input', !this.value);//注意关键在input，变量名必须用value，否者不生效
        },
    }
};
</script>    

...
import fullscreen from "@/vue/components/fullscreen";
...
components: {
        fullscreen,
},
...
<fullscreen v-model="isFullScreen"></fullscreen>
...
isFullScreen:false,