izl040905的博客

1. 前端页面提供一个表单，让用户输入新的个人信息。 2. 用户提交表单时，前端会向后端发送一个请求，将新的个人信息传递给后端。3. 后端接收到请求后，会根据请求中传递的信息更新用户信息，并将更新后的用户信息返回给前端。 4. 前端接收到后端返回的更新后的用户信息后，将其更新到页面上。

对其中牵扯到的内容很多，如组件 Element-ui 版本升级为 Element-plus 后改写组件及内容、对于之前模块化和组件化的重新封装，还有依赖安装，版本的升级迁移、还有一系列的 Bug 问题解决思路等等进行了一次记录。还有就是关于页面中依赖的如 element-plus 之类组件的改变，比如之前的 el-submenu 组件要改写成 el-sub-menu 才能保证效果显示，关于 slot = "name" 要变成 #name 之类的需要变化，还有之前 ref 验证之类的不断更改。

最近刚学习完了 Vue3.0，V3在响应式数据的声明上不再使用原来的选项式 data 进行 retuan 返回的形式，取而代之的是通过变量修饰符使用ref、reactive 进行手动声明的方式。相较于 Vue2.0 确实是更加灵活了许多，Vue3.0(以下简称V3)中进行响应式数据操作会使用ref、reactive、toRef、toRefs四个核心 API 函数，那么今天就从解析以下其各个作用及其使用场景。