通过slot标签父类向子类传递div 嵌套 img标签的示例代码

以下是一个简单的示例代码，展示如何使用slot标签父类向子类传递div嵌套img标签。

父组件：

<template>
  <div>
    <h1>父组件</h1>
    <child-component>
      <div>
        <img src="https://example.com/image.png" alt="Example Image">
      </div>
    </child-component>
  </div>
</template>

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

export default {
  components: {
    ChildComponent
  }
}
</script>

子组件：

<template>
  <div>
    <h2>子组件</h2>
    <slot></slot>
  </div>
</template>

在这个例子中，父组件包含一个名为child-component的子组件。子组件中包含一个名为slot的标签，用于接收父组件传递的内容。在父组件中，我们将一个div嵌套img标签的内容插入到child-component中。这个内容将被子组件的slot标签接收，并在子组件中展示出来。