vue3 jsx使用img

在 Vue 3 中使用 JSX 时，可以使用 `img` 标签来渲染图片。具体的用法如下：

1. 首先在 `setup()` 函数中引入需要使用的图片：

import myImage from './path/to/myImage.jpg'

2. 在 JSX 中使用 `img` 标签来渲染图片，并将图片路径作为 `src` 属性的值：

<img src={myImage} alt="My Image" />

完整的代码示例：

<template>
  <div>
    <h1>My Image</h1>
    <img src={myImage} alt="My Image" />
  </div>
</template>

<script>
import myImage from './path/to/myImage.jpg'

export default {
  setup() {
    return { myImage }
  }
}
</script>

注意：在使用 `img` 标签时，需要将图片路径作为 `src` 属性的值传递给标签，而不是将路径作为子元素传递给标签。