使用指南 分类下的文章
BackTop
文章介绍了BackTop组件的功能和使用方法。该组件在页面向下滚动一定高度后，用户点击即可快速返回顶部。它支持作为全局组件注册，使用Vue框架时只需简单引入并在模板中使用标签即可实现。这使得页面导航更加便捷，提升用户体验。
GlobalTip
本文介绍了GlobalTip组件的功能、注册方式及在vitepress中的使用方法。该组件能够在页面顶部显示时间提示和问候语，3秒后自动消失，支持全局注册，方便多页面调用。通过简单的vue代码示例，展示了如何引入和使用该组件，帮助开发者快速集成该功能。
GithubCorner
本文介绍了如何在 Vue 项目中使用 GithubCorner 组件来显示 Github 角标。通过导入组件、在模板中使用并传入跳转链接参数，结合自定义 CSS，可以方便地在页面上添加 Github 角标。组件参数简单，仅需传入 href 链接地址。
wangEditor
本文介绍了wangEditor，这是一款基于Vue框架的在线Markdown编辑器。它支持多种配置参数如编辑模式、只读状态和工具栏定制，并且允许自定义文件和视频上传接口。通过事件机制实现内容的双向绑定，方便开发者集成和使用。整体设计简洁且功能实用，适合需要在线编辑Markdown内容的项目。
monacoEditor
本文介绍了 monacoEditor 在线代码编辑器的功能和使用方法。通过 Vue 组件形式引入，支持多种参数配置，包括尺寸、主题和编辑选项。默认配置满足大多数开发需求，同时提供灵活的自定义能力，方便开发者在项目中快速集成高效的代码编辑体验。
CopyButton
本文介绍了一个基于Vue的CopyButton复制组件，详细说明了其功能和使用方法。通过示例代码展示了如何导入组件、绑定文本属性以及结合输入框实现复制操作，方便开发者快速集成复制功能。
uploadCos使用
本文介绍了uploadCos组件的功能、参数、插槽及多种使用示例。该组件支持拖拽上传图片，允许配置上传API、文件大小限制、文件类型和响应数据路径。通过插槽可以自定义上传区域和提示信息。示例代码展示了基本用法和高级定制方式，便于开发者快速集成和灵活应用。
uploadLocal使用
本文介绍了uploadLocal文件上传组件的功能和使用方法。该组件支持导入文件处理函数，允许设置文件类型和大小限制，并且通过插槽机制支持自定义上传按钮和界面。文中提供了多种示例，包括基础用法、带参数配置和自定义按钮，以及如何用uploadLocal实现类似uploadCos的拖拽上传UI。整体来看，uploadLocal组件灵活且易用，适合多样化的文件上传需求。
pagination
文章介绍了如何在Vue项目中使用liyao-vue-common提供的分页组件，通过绑定页码和每页数量以及监听分页事件，实现与后端接口的数据交互，动态获取和展示分页数据。此方法简洁有效，适合需要分页显示数据的场景。
table
文章介绍了一个基于el-table的表单组件封装，支持表单和选择器两种模式。通过定义详细的配置接口，用户可以自定义表单项和表格列，结合网络请求实现数据加载。文中提供了一个用户选择的完整示例，展示了如何配置查询条件、表格列和响应选择事件，便于开发者理解和应用该组件。整体内容清晰，示例丰富，适合用于快速构建用户选择功能。
InputTag
本文介绍了一个基于 Element UI 的 el-tag 封装的 InputTag 组件。该组件通过 TypeScript 定义了可配置的属性接口，支持按钮、输入框和标签的多样化配置。示例展示了如何在 Vue 3 中使用该组件并传入自定义配置，方便开发者快速实现标签输入功能。整体设计简洁，易于扩展，适合现代 Vue 应用开发。
ECharts
本文介绍了ECharts的基本配置项及其功能，包括提示框、图例、坐标轴、数据系列、配色、标题、工具栏、动画、背景色、响应式和极坐标等。通过示例演示了如何在Vue中使用封装后的ECharts组件快速绘制柱状图。整体内容简明扼要，帮助用户理解和应用ECharts配置。
TextScroll
本文介绍了Vue组件TextScroll的使用方法，包括基础用法、不同类型的滚动公告展示以及自定义速度和方向的功能。组件通过简单的模板和脚本引入，配合样式调整，实现了灵活多样的文本滚动效果，适合在网页中展示各种类型的滚动公告信息。
常用hooks
本文系统介绍了五种常用hooks的功能和使用方法，包括网站访问统计、时间差计算、文件下载以及文本复制。每个hook均配有简洁的代码示例，方便开发者快速理解和应用这些工具，提升开发效率。
useScript
本文介绍了Vue中使用useScript钩子异步加载第三方脚本的基本用法，并详细讲解了如何通过async/await和Promise.all实现多个脚本的顺序加载和并行加载。顺序加载保证了脚本加载顺序但效率较低，遇错会停止后续加载；并行加载效率高但脚本加载相互独立，需处理部分失败情况。文章通过示例代码展示了具体实现细节，便于开发者根据需求选择合适的加载策略。
useWatermark
本文介绍了 useWatermark 函数的使用方法及配置参数，重点说明了水印添加的默认位置和元素定位要求，同时通过 Vue 示例演示了如何添加和移除自定义水印文本，方便开发者实现防篡改水印功能。