如何在Vue.js中作为道具发送和接收对象

<template>
  <ChildComponent :user="userInfo" />
</template>

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

export default {
  components: {
    ChildComponent
  },
  data() {
    return {
      userInfo: {
        name: '张三',
        age: 30,
        email: 'zhangsan@example.com'
      }
    };
  }
};
</script>

<template>
  <div>
    <p>姓名：{{ user.name }}</p>
    <p>年龄：{{ user.age }}</p>
    <p>邮箱：{{ user.email }}</p>
  </div>
</template>

<script>
export default {
  props: {
    user: {
      type: Object,
      required: true
    }
  }
};
</script>