vue 父组件向子组件传递图片路径，在子组件显示图片

在Vue中，父组件向子组件传递图片路径并在子组件中显示图片，可以通过props属性和`<img>`标签来实现。以下是一个简单的示例：

父组件：

<template>
  <div>
    <!-- 使用子组件，并通过props属性传递图片路径 -->
    <child-component :imagePath="imagePath"></child-component>
  </div>
</template>

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

export default {
  data() {
    return {
      imagePath: '/path/to/image.jpg' // 父组件中的图片路径
    };
  },
  components: {
    ChildComponent
  }
};
</script>

子组件：

<template>
  <div>
    <!-- 子组件中使用传递的图片路径显示图片 -->
    <img :src="imagePath" alt="Image">
  </div>
</template>

<script>
export default {
  props: {
    imagePath: {
      type: String,
      required: true
    }
  }
};
</script>

在上述示例中，父组件通过props属性将图片路径传递给子组件，并在子组件中使用`<img>`标签来显示该图片。子组件中的`:src`属性绑定了父组件传递过来的图片路径，`alt`属性用于提供替代文本。你可以根据实际需求来定义传递的图片路径类型和其他属性。