使用Vue脚手架Vue-c快速搭建项目 使用父组件向子组件传递图片的地址 在子组件中接收圈片地址，使用v-for指令遍历渲染显示圈片

好的，我理解了你的问题。首先，确保你已经安装了Vue CLI并创建了一个Vue项目。然后，在父组件中定义一个data属性，用于存储图片地址的数组。例如：

<template>
  <div>
    <child-component :imageList="imageList"></child-component>
  </div>
</template>

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

export default {
  components: {
    ChildComponent
  },
  data() {
    return {
      imageList: [
        'image1.jpg',
        'image2.jpg',
        'image3.jpg'
      ]
    }
  }
}
</script>

在上面的代码中，我们定义了一个名为imageList的数组，其中包含三个图片的地址。然后，我们将这个数组通过props属性传递给子组件ChildComponent。

接下来，在子组件中，我们可以使用v-for指令遍历imageList数组，并将每个图片地址渲染到页面上。代码如下：

<template>
  <div>
    <div v-for="(imageUrl, index) in imageList" :key="index">
      <img :src="imageUrl" />
    </div>
  </div>
</template>

<script>
export default {
  props: {
    imageList: {
      type: Array,
      required: true
    }
  }
}
</script>

在上面的代码中，我们使用v-for指令遍历imageList数组，将每个图片地址渲染到页面上。注意，我们为每个渲染的图片元素定义了一个唯一的key属性，这是Vue要求的。

最后，我们将子组件ChildComponent导出，以便在父组件中使用。