组件 分类下的文章
组件安装
本文介绍了基于Vue 3和Element Plus的上传组件库的安装与使用方法。主要内容包括两种引入方式:一是全局引入,安装后即可在组件中直接使用;二是按需引入,需在组件中单独注册。文章核心是指导开发者如何根据项目需求,选择合适的方式集成该上传组件。
基于本库开发新组件
本文介绍了基于现有组件库开发新组件的完整流程。主要步骤包括:在指定目录创建新组件并在入口文件注册;在类型声明文件的四个位置添加相应的类型定义;最后更新版本号并完成发布。
vue3组件封装
本文介绍了如何封装和发布Vue 3组件。主要内容包括封装两种组件:支持宿主项目按需定义插槽的动态插槽组件,以及可自定义样式和事件的普通功能组件。文章详细说明了从创建项目结构、编写组件、配置构建工具到最终构建并发布到npm的完整流程。同时,指南也涵盖了在宿主项目中安装和使用这些组件的方法,并强调了开发过程中的注意事项,如样式隔离、版本管理和充分测试。
Hooks封装
本文介绍了如何封装Vue 3的Composition API逻辑为可复用的Hooks,并将其发布到npm。主要内容包括:创建项目结构、编写Hook函数、使用Vite配置构建工具,以及登录npm账号并发布包的完整流程。文章还简述了如何在其他Vue 3项目中安装和使用这些Hooks,并强调了命名约定、构建配置和提供文档等关键注意事项。
正则校验
本文介绍了正则校验的安装与使用方法,重点讲解了如何通过自定义文件扩展名进行校验。文章详细说明了默认可用类型,并指导用户如何通过扩展 TypeScript 联合类型和合并对象来扩展 FileType 及 fileTypeExtMap。最后,提供了一个 Vue 与 Element Plus 集成的上传校验示例。
nginx常用配置
本文介绍了nginx服务器的几项常用配置。主要内容包括:配置HTTPS以实现安全访问;开启gzip压缩以优化文本类静态资源的传输效率,并列举了适合压缩的文件类型;设置HTTP到HTTPS的重定向;通过配置缓存时间、ETag及防盗链规则来管理资源访问与控制,其中防盗链部分详细说明了使用纯if指令和map+if指令的不同应用场景与性能考量。
uploadLocal使用
本文介绍了uploadLocal文件上传组件的功能与用法。该组件为按钮式文件上传工具,支持通过参数配置上传函数、文件列表、数量限制和文件类型。它提供了默认插槽和自定义按钮插槽,允许用户灵活定制按钮文本和样式。文章还通过示例说明其基本使用、参数配置及插槽自定义方法,并指出可利用其插槽功能实现与uploadCos组件相似的界面效果。