
简介
该用户还未填写简介
擅长的技术栈
未填写擅长的技术栈
可提供的服务
暂无可提供的服务
Vue3 - 自定义useLocalStorage
Vue3 自定义 useLocalStorage 实现多页面传参。

阻止 form 表单的默认提交
表单提交的3种方式,以及如何阻止表单的提交行为。

Vue2 - keep-alive 作用和原理
Vue2 - keep-alive 作用和原理

Vue2中10种组件通信方式和实践技巧
Vue2中10种组件通信方式和实践技巧

element-plus 组件解析 - Layout 布局
layout 布局默认使用 flex 布局,row 组件作为 flex 容器。col 组件作为 flex 元素。最终编译结果

vue 项目 index.html 中使用环境变量
vue-cli 和 vite 创建的 vue 项目中,使用环境变量的方式

Vue3 中的工具类型总结
在一些情况下,当需要在 TypeScript 中处理响应式数据时,可能会遇到类型推断的问题,而使用 UnwrapRef 可以帮助解决这些问题。在上述示例中,我们使用 UnwrapRef 来取消 count 响应式数据的引用类型的嵌套。使用 UnwrapRef 类型工具可以将 Ref 对象还原为其原始的值类型,以便在需要直接操作原始值的地方使用。当我们使用 ref 函数创建一个响应式数据时,会得到一

vue3 自定义 props 类型验证(复杂类型验证)
vue3,使用 PropType 自定义 Props 验证

element-plus 架构 - Config Provider 全局配置
在组件库的设计中,最常见的全局配置是z-index和sizez-index:统一管理弹出层(dialog, message, loading)等组件的层级。size:统一管理表单元素大小。这些都属于全局配置项,可以全局配置来实现。在中provide的依赖,在使用的地方inject即可。举例最终返回的context会作为组件的默认插槽的 props 使用。举例:

element-plus 组件解析 - Collapse 折叠面板
解析 element-plus 组件 collapse 折叠面板








