vue3中element-plus下的el-image.css如何引入

在使用 Vue3 中 Element Plus 的 `el-image` 组件时，需要引入其对应的 CSS 文件 `el-image.css`。可以在项目的入口文件或需要使用的组件中引入该 CSS 文件。

方法一：在入口文件中引入

可以在 `main.js` 中引入 `el-image.css` 文件：

import { createApp } from 'vue'
import App from './App.vue'
import 'element-plus/lib/theme-chalk/el-image.css'

createApp(App).mount('#app')

这样，在整个应用中都可以使用 `el-image` 组件，并且会自动引入对应的 CSS 文件。

方法二：在组件中引入

也可以在需要使用 `el-image` 组件的单个文件中引入 `el-image.css` 文件：

<template>
  <el-image src="https://picsum.photos/200/300" />
</template>

<script>
import 'element-plus/lib/theme-chalk/el-image.css'

export default {}
</script>

这样只有当前组件中会使用到 `el-image` 组件，并且只会引入该组件对应的 CSS 文件。