打包工具vite  图片使用需要import导入 不然打包会没用图片

解决方式：import bgWater from "../static/waternormals.jpg"

使用Container 布局容器和Layout 布局不生效

看官网https://element-plus.org/zh-CN/guide/quickstart.html

在main.js/ts导入样式     import 'element-plus/dist/index.css'

<script setup> 和<script>的坑

变量声明：

在 <script setup> 中，你可以直接声明变量而无需在 Vue 组件选项中使用 data 或 computed。

在 <script> 中，你需要手动导入组件选项（例如 data、methods、computed 等）并将变量声明在组件选项中。

自动推断：

<script setup> 可以自动推断变量的来源，不需要像 <script> 那样手动导入 Vue 的响应式 API。

在 <script> 中，你需要手动导入和使用 Vue 的响应式 API，如 ref、reactive 等。

模块化：

<script setup> 在背后使用了类似于模块化的方式，自动将变量导出给模板使用。

在 <script> 中，你需要使用 export default 来导出组件选项。