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>




还没有评论,来说两句吧...