vue3-props属性传值

多个组件传递参数，咱们这边有三个界面，App.vue,Home.vue,PostList.vue

App.vue中嵌入home组件，如下：

Home.vue中嵌入post List组件，如下，其中定义了一个posts属性，然后将posts属性传递给postList组件，:posts="posts" />注意冒号后边的名称是和postList中定义的属性是对应的，后边双引号中的名字是home中定义的属性的名字：

PostList.vue代码如下，其中defineProps({
    posts:Array,
})这个是定义属性的，接收传递过来的参数，其中属性名称是和home组件中的冒号后边的名称是对应的，这样就可以进行渲染了：