Close to you, Forget me: sync & emit update

0. 缘起

我个弱智。对话框打开都不会了。。。

1. sync与emit update姐妹

sync允许子组件往父组件发送带有sync标记的数值改变，emit理解为事件传递小车，update是车上的喇叭，通知父组件这玩意改变了。

2. 正确操作

父

    <magic-box-edition :visible.sync="magicBoxEditionVisible" />

子

<template>
  <el-dialog
    title="管理"
    :before-close="handleCloseDialog"
    :visible.sync="visible"
    width="30%"
  >
    <span>这是一段信息</span>
  </el-dialog>
</template>

<script>
export default {
  props: {
    visible: {
      type: Boolean,
      default: false,
    },
  },
  data() {
    return {};
  },

  methods: {
    handleCloseDialog() {
      this.$emit("update:visible", false);
    },
  },
};
</script>

<style>
</style>