创建两个Vue组件，一个用于父组件，另一个用于子组件。父组件传递数据给子组件，子组件接收并显示这些数据。

创建两个Vue组件，一个用于父组件，另一个用于子组件。在父组件中使用props属性将数据传递给子组件，子组件通过props接收并显示这些数据。具体步骤如下：

1.在父组件中定义需要传递的数据，例如一个对象和一个数组。

2.在父组件中引入子组件，并在模板中使用子组件标签。

3.在子组件中定义props属性，用于接收父组件传递的数据。

4.在子组件模板中使用props显示接收到的数据。

示例代码如下：

父组件模板：

<template>
  <div>
    <child-component :obj-data="objData" :arr-data="arrData"></child-component>
  </div>
</template>

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

export default {
  components: {
    ChildComponent
  },
  data() {
    return {
      objData: {
        name: 'John',
        age: 30
      },
      arrData: ['https://example.com/image1.jpg', 'https://example.com/image2.jpg']
    }
  }
}
</script>

子组件模板：

<template>
  <div>
    <p>{{ objData.name }}</p>
    <p>{{ objData.age }}</p>
    <ul>
      <li v-for="item in arrData" :key="item">
        <img :src="item" alt="">
      </li>
    </ul>
  </div>
</template>

<script>
export default {
  props: {
    objData: Object,
    arrData: Array
  }
}
</script>