Vue使用props父组件向子组件动态传递数据

props是父组件传递给子组件的自定义属性，允许父组件向子组件传递数据。子组件通过声明props来接收这些数据，并在自己的模板或组件逻辑中使用这些数据。

父组件

<template>
<ParentEvent :title="title" :content="content" />
</template>
<script>
import ParentEvent from './components/parentEvent.vue'
export default {
  data() {
    return {
      title: '这是标题',
      content: '这是文章正文'
    }
  },
  components: {
    ParentEvent
  }
}
</script>

子组件

<template>
    <h1>{{ title }}</h1>
    <div>{{ content }}</div>
</template>
<script>
export default {
    props: ['title', 'content']
}
</script>