父组件通过网络请求获取数据包article_data,v-for循环数据给每一个子组件传值。
<el-col v-for="item in article_data">
<Card :Item="item" />
</el-col>
子组件设置props接受父组件传过来的参数,因为item为对象,所以这里的props接受的是对象。
export default {
props: {
Item: {}
}
}
子组件赋值,这里的Item就是父页面传过来的数据
<div >
{{Item.title}}
</div>