Vue子组件父组件传参

回答：Vue子组件可以通过props接收父组件传递的参数。在父组件中通过v-bind或简写符号“:”将数据传递给子组件。在子组件中通过props来声明和接收从父组件传递的参数。例如：

在父组件中：

<template>
<div>
<MyChildComponent :name="name" :age="age"></MyChildComponent>
</div>
</template>

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

export default {
data() {
return {
name: '小明',
age: 18
}
},
components: {
MyChildComponent
}
}
</script>

在子组件中：

<template>
<div>
<p>我是{{ name }}，今年{{ age }}岁</p>
</div>
</template>

<script>
export default {
props: ['name', 'age']
}
</script>