G24gg的博客

弹幕案例。

element-plus下Update实现上传文件配置属性：action：上传文件的服务器地址。:on-success和:on-error：分别是上传成功和失败时的回调函数。before-upload：文件上传前的钩子函数，可以在这里进行文件类型、大小等的校验。ref="upload"：为组件设置一个引用，方便在方法中调用。list-type="text"：定义上传列表的展示方式，这里使用text类型，不展示文件列表。

具名插槽 extra 定制头部右侧额外的按钮。默认插槽 default 定制内容主体。考虑到多个页面复用，封装成组件。第一步先调通借口返回数据。props 定制标题。

【需求】注册页面基本校验1. 用户名非空，长度校验5-10位2. 密码非空，长度校验6-15位3. 再次输入密码，非空，长度校验6-15位【进阶】再次输入密码需要自定义校验规则，和密码框值一致（可选）

可选链（Optional Chaining）是编程语言中的一种特性，它允许你访问对象的嵌套属性，即使这些属性可能未被初始化或不存在。在 JavaScript 或 TypeScript 中，可选链的语法使用问号。可选链是一个非常有用的特性，它可以减少代码中的条件检查，使代码更加简洁。然而，它也可能导致一些微妙的错误，因为可选链返回。而不是抛出错误，所以使用时需要仔细考虑逻辑。

// createRouter 创建路由实例，===> new VueRouter()// 1. history模式: createWebHistory() http://xxx/user// 2. hash模式: createWebHashHistory() http://xxx/#/user// vite 的配置 import.meta.env.BASE_URL 是路由的基准地址，默认是 ’/‘// https://vitejs.dev/guide/build.html#public-b

Pinia 提供了插件系统，可以用来扩展 Pinia 的功能，使用 pinia-plugin-persistedstate 来实现数据持久化，例如：自定义存储方式、持久化路径、序列化方法等,如下具体步骤

Vue 3在组件通信方面带来了一些新特性和改进，特别是Composition API的引入，为开发者提供了更灵活的组件逻辑编写方式。同时，Vue 3的响应式系统的改进也会影响到组件间通信的实现。虽然Vue 2和Vue 3在很多基本概念上保持一致，但Vue 3提供了更多的工具和优化来帮助开发者构建更高效、更可维护的应用程序。子组件可以直接修改父组件的值了。

在Vue 3中，计算属性通常指的是响应式系统中的computed属性，它们是只读的，并且具有缓存机制。然而，如果你需要一个既具有计算逻辑，又能被外部修改的属性，可以使用ref或reactive来创建一个具有getter和setter的响应式属性。