Vue3项目开发

需求 无样式的登录界面，实现登陆、请求、鉴权 参考：Form 表单 | Element Plus (element-plus.org) 代码 1. 数据存储 Vuex存储 访问控制和响应式更新：Vue

需求 管理全局共享的数据 代码 1. 安装Vuex Vuex： 定义：Vuex 是一个专为 Vue.js 应用程序开发的状态管理工具。它采用集中式存储管理应用的所有组件的状态，并以相应的规则保证状态以

需求 项目路由配置：首页、登录页面、功能页面、404、403 参考：入门 | Vue Router (vuejs.org) 代码 1. 安装Vue Router库 安装指令 npm包管理： 默认安装（

需求 多种环境配置：开发环境、生产环境、测试环境 代码 配置不同环境 配置须知： 在vue项目中，env是全局配置文件，可以存储不同环境下的变量。使用vue-cli搭建项目，默认会在根目录创建一个.e

需求 点击按钮显示对话框：el-button+el-dialog 对话框内分页显示表格数据： el-table+el-pagination 前后端：获取当前分页的table数据 代码

后端接口 GET:/XXX/XXX form1: Array[string] form2: Array[string] form3: Array[string] form4: Array[string

需求 不换行，多余文字省略 换两行，多余文字省略，显示… 实现 p 标签是默认是自动换行的 word-break：break-all允许在单词内换行；break-word根据单词换行；keep-all

需求 假设后端接口 POST: /xxx/add POST: /xxx/delete/{id} GET: /xxx/list?param={valua} POST: /xxx/update 代码 封装