Vue组件 标签下的文章
BackTop
文章介绍了BackTop组件的功能和使用方法。该组件在页面向下滚动一定高度后，用户点击即可快速返回顶部。它支持作为全局组件注册，使用Vue框架时只需简单引入并在模板中使用标签即可实现。这使得页面导航更加便捷，提升用户体验。
组件安装
本文介绍了 liyao-vue-common 上传组件库的安装方法和使用方式。组件库基于 Vue 3 和 Element Plus，支持通过 pnpm 安装。用户可以选择全局引入或按需引入组件，文中提供了详细的代码示例，便于开发者快速集成上传功能。整体内容简洁明了，适合前端开发者参考使用。
GlobalTip
本文介绍了GlobalTip组件的功能、注册方式及在vitepress中的使用方法。该组件能够在页面顶部显示时间提示和问候语，3秒后自动消失，支持全局注册，方便多页面调用。通过简单的vue代码示例，展示了如何引入和使用该组件，帮助开发者快速集成该功能。
基于本库开发新组件
本文介绍了基于现有组件库开发新组件的详细指南。首先需要在指定目录创建新组件，然后在入口文件中导入并注册该组件。接着，在类型声明文件中四个关键位置添加新组件的类型定义，确保类型安全。最后，更新版本号并发布新版本，实现组件的正式上线。该流程确保新组件能够被正确识别和使用。
GithubCorner
本文介绍了如何在 Vue 项目中使用 GithubCorner 组件来显示 Github 角标。通过导入组件、在模板中使用并传入跳转链接参数，结合自定义 CSS，可以方便地在页面上添加 Github 角标。组件参数简单，仅需传入 href 链接地址。
vue3组件封装
本文详细讲解了 Vue 3 组件封装的全过程，包括创建项目结构、编写动态插槽和普通组件、配置构建工具、构建项目、发布到 npm 以及组件的使用方法。特别强调动态插槽组件的灵活性和普通组件的扩展性，同时提醒开发者注意样式隔离、文档完善、版本管理和测试，帮助开发者高效打造可复用的 Vue 3 组件库。
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的使用方法，包括基础用法、不同类型的滚动公告展示以及自定义速度和方向的功能。组件通过简单的模板和脚本引入，配合样式调整，实现了灵活多样的文本滚动效果，适合在网页中展示各种类型的滚动公告信息。