vue.js 父子简单通讯

323 阅读1分钟

父组件通过网络请求获取数据包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>