Vue子组件修改父组件的值

Vue是不允许子组件直接修改父组件的值的，如果需要修改，按如下方式:

• 子组件

export default {
  props: {
    visible: Boolean,
  },
  watch: {
    visible(val) {
      this.visibleInline = val;
    },
    visibleInline(val) {
      this.$emit('update:visible', val);
    }
  },
  data() {
    return {
      visibleInline: false,
   }
 }
}

• 父组件

<template>
    <dialog
      :visible.sync="show"
    >
    </dialog>
</template>