VUE3父子组件传递list

在Vue3中，父子组件之间的数据传递通常通过props或自定义事件来完成。如果你想从父组件向子组件传递一个list数据，可以按照以下步骤操作：

1. **在父组件中定义prop**:
在`<template>`部分，你可以直接将需要传递的数据作为prop传递给子组件：

   <child-component :list="parentList" />

然后，在`<script setup>`部分导出这个list：

   import { ref } from 'vue';
   const parentList = ref([]);

2. **在子组件接收prop**:
子组件的`<template>`里可以这么引用这个prop：

   <div v-for="(item, index) in $props.list" :key="index">{{ item }}</div>

注意要在`<script setup>`中导入并使用`$props`：

   import { props } from 'vue';

   // 使用prop
   const { list } = props;