VueJS向弹出的“对话框”传递参数

<template>
  <div>
    <button @click="openDialog">打开对话框</button>
    <dialog-component :message="message"></dialog-component>
  </div>
</template>

<script>
import DialogComponent from './DialogComponent.vue';

export default {
  data() {
    return {
      message: 'Hello World'
    };
  },
  components: {
    DialogComponent
  },
  methods: {
    openDialog() {
      // 打开对话框的逻辑
    }
  }
};
</script>

<template>
  <div>
    <p>{{ message }}</p>
  </div>
</template>

<script>
export default {
  props: {
    message: {
      type: String,
      required: true
    }
  }
};
</script>