<text-document v-bind:visible="visible" v-on:update:visible="visible = $event" ></text-document>

等同于：

<text-document v-bind:visible.sync="visible"></text-document>

.sync  修饰过变量后可在组件内部使用方法直接更新

methods:{
 change(){
   this.$emit('update:visible',false)
 }
}

ps：将 v-bind.sync 用在一个字面量的对象上，例如 v-bind.sync=”{ visible: visible }”，是无法正常工作的，因为在解析一个像这样的复杂表达式的时候，有很多边缘情况需要考虑。