Vuejs使用Props访问Modal组件中的数据

// Modal组件
<template>
  <div>
    <h2>{{ title }}</h2>
    <p>{{ content }}</p>
  </div>
</template>

<script>
export default {
  props: {
    title: String,
    content: String
  }
}
</script>

// 父组件
<template>
  <div>
    <button @click="showModal">显示Modal</button>
    <Modal :title="modalTitle" :content="modalContent" v-if="isModalVisible" />
  </div>
</template>

<script>
import Modal from './Modal.vue'

export default {
  components: {
    Modal
  },
  data() {
    return {
      isModalVisible: false,
      modalTitle: 'Modal标题',
      modalContent: 'Modal内容'
    }
  },
  methods: {
    showModal() {
      this.isModalVisible = true
    }
  }
}
</script>