如何在Vue 3项目中实现按需引入Element Plus库并展示一个基本的Message组件示例？

在 Vue 3 项目中按需引入 Element Plus 库通常会使用动态导入（dynamic import）配合 `import()` 函数。以下是步骤：

1. 首先，在你的 `main.js` 或者你在使用 Element Plus 的模块中安装它：

   npm install element-plus -D

2. 安装 `vue-cli-plugin-element-plus` 插件来配置 Vue 项目支持 Element Plus：

   vue add element-plus

3. 这将自动修改 `vue.config.js` 文件，添加对 Element Plus 的路径映射。在需要使用 Element Plus 组件的地方，使用动态导入：

   // main.js 或者你需要的组件文件
   import { ElMessage } from 'element-plus';

   // 使用按需引入 Message 组件
   export default {
     components: {
       ElMessage: () => import('element-plus/packages/message/src/index.vue')
     }
   }

4. 现在你可以像这样在模板中显示 Message 组件：

   <template>
     <div>
       <ElMessage type="info" :message="yourMessage" />
     </div>
   </template>

   <script setup>
     const yourMessage = "这是一个来自 Element Plus 的消息";
   </script>