Vue3组件库

Vue的专属老婆---Pinia

一.Pinia1.Pinia概述Pinia是Vue的专属的最新状态管理库，是Vuex状态管理工具的替代品提供更简单的API（去掉mutation）提供符合组合式风格的API(和Vue3统一)去掉modules
·2025-06-25 18:02

Vue3+TypeScript+ Element Plus 实现文件下载，无后端（点击按钮，下载静态文件）

在Vue3+TypeScript+ElementPlus项目中实现点击下载静态文件，可以通过以下两种常用方式实现。
BillKu·2025-06-25 18:31

HarmonyOS开发：ArkTS语法的图表组件 - McCharts

作为HarmonyOS一款开源的图表组件库，组件库将会提供以下图表：折线图、柱状图、饼图、散点图、雷达图等等。并提供了配套的设计资源，充分满足可定制化的需求。
代码中的爱马仕·2025-06-25 16:47

发布 npm 包完整指南（含账号注册、发布撤销与注意事项）

发布一个npm包，可以让你分享自己的工具库、组件库、脚手架等给全世界或团队内部使用。本文将带你从0到1完成一个npm包的发布流程，包括账号注册、版本控制、发布命令，以及撤回方法和实用建议。
爱宇阳·2025-06-25 15:07

50天50个小项目 (Vue3 + Tailwindcss V4) ✨ | MovieApp（电影卡片组件）

MovieApp组件仓库地址：https://github.com/SunACong/50-vue-projects项目预览地址：https://50-vue-projects.vercel.app/使用Vue3
sunbyte·2025-06-25 14:33

Vue ⑨-Pinia

优点提供更加简单的API（去掉了mutation）提供符合，组合式风格的API（和Vue3新语法统一）去掉了modules的概念，每一个store都是一个独立的模块配合TypeScript更加友好，提供可靠的类型推断手动添加
还会有机会吗·2025-06-25 11:13

知识付费源码搭建全攻略：从0到1打造在线教育平台 | 附源码+部署指南

本文将以ThinkPHP6.0+Vue3.0+MySQL8.0技术栈为例，详细拆解知识付费系统的核心功能开发流程，提供可复用的源码框架及部署方案，助力开发者7天内完成从0到1的MVP搭建。
perks·2025-06-25 09:59

Vue 样式穿透语法大全（涵盖 Vue2、Vue3、Less、Scss 等）

1.什么是样式穿透？样式穿透是在使用Vue组件时，为了修改子组件或第三方组件的样式而使用的一种特殊语法。当我们使用scoped样式时，由于样式被限制在当前组件内，要修改子组件的样式就需要使用样式穿透。2.为什么需要样式穿透？2.1Scoped样式的局限性.child{/*这里的样式只会影响到子组件的根元素*//*无法影响到子组件内部的元素*/color:red;}2.2常见使用场景修改第三方组件样
年纪轻轻就扛不住·2025-06-25 08:21

vue3项目练习大全（附github源码）

2023年必将是vue3-ts主流，拥抱新技术必须是我们要接受的！如果在平时的工作里，有些公司用不到这两项技能，那你也要在业余的时间里面，找一些教程和练手的vue小项目。以下
尔嵘·2025-06-25 07:17

使用 Vue 3 实现图片拖拽上传功能

使用Vue3实现图片拖拽上传功能前端开发中，用户体验是至关重要的，图像上传是许多web应用中经常需要的功能之一。
JJCTO袁龙·2025-06-25 07:14

vue3单张图片放大缩小拖拽功能

此篇为单张，多张请移步多张实现的文章话不多说直接上代码import{ref,onMounted,onBeforeUnmount}from'vue'constboxRef=ref(null)constimgRef=ref(null)letx=0lety=0letisDragging=false//确保元素存在后再操作constgetImgElement=()=>{if(!imgRef.value){
ikun在线敲打·2025-06-25 07:14

vue3模拟生成并渲染10万条数据，并实现本地数据el-table表格分页

效果图：一点都不卡话不多说，直接上码el表格+分页<el-table-columnpro
我爱加班、、·2025-06-25 07:44

Vue3+TS项目封装一个公共的el-table组件二次封装

前言支持动态传入列，列内容可以指定插槽，指定格式化显示样式没太写，主要分享基础功能封装效果Table组件代码BaseTable.vue{{getFormatter(col,row[col.prop])}}
夏与冰·2025-06-25 07:42

Vue 中 filter 过滤的语法详解与注意事项

由于Vue3已移除模板过滤器，我将重点介绍更实用且通用的数组过滤语法和注意事项。
步行cgn·2025-06-25 06:06

vue3+vue-router+vite 实现动态路由

文章中出现的代码是演示版本，仅供参考，实际的业务需求会更加复杂什么是动态路由什么场景会用到动态路由举一个最常见的例子，比如说我们要开发一个后台管理系统，一般来说后台管理系统都会分角色登录，这个时候也就涉及到了权限，比如说这个后台管理系统现在有超级管理员，管理员，运维，财务等这几个角色，每个角色登录系统之后都会有不同的权限，超级管理员需要所有的权限，财务可能只需要财务相关的模块(菜单)以及按钮等，通
YuShiYue·2025-06-25 04:53

使用 Vue 3 + Tiny UI 实现动态表单项及自动校验功能

最终我选择使用Vue3和@opentiny/vue组件库来实现该功能，本文将详细分享我的实现过程。二、技术选型Vue3：基于CompositionAPI的响应式系统，使代码更简洁易维护。
三线码工·2025-06-25 04:22

WorkManager深度解析：企业级后台任务调度方案

WorkManager一、WorkManager是什么WorkManager是AndroidJetpack组件库中的一部分，专为管理和调度后台任务而设计。
Android洋芋·2025-06-25 03:44

【Vue3】实现动态高度的虚拟滚动列表

什么是虚拟滚动列表虚拟滚动列表是一种优化长列表渲染性能的技术，通过只渲染可视区域内的列表项，减少‌DOM的渲染数量，从而提高页面滚动的流畅性。核心原理在滚动时，只渲染可视区域内的列表项，而不是一次性渲染所有列表项。通过计算可视区域的起始索引和结束索引，动态渲染该范围内的列表项。当用户滚动时，根据滚动位置动态更新可视区域内的列表项，从而实现虚拟滚动的效果。图例：实现思路为了实现虚拟滚动列表，需要设计
偏向明知山·2025-06-25 00:27

【web前端】Vue3 核心模块与样式管理：从理论到代码实现

文章目录一、Vue3核心模块架构解析1.编译器模块（Compiler）2.运行时模块（Runtime）3.响应式模块（Reactivity）4.组合式API（CompositionAPI）二、样式管理模块详解
JosieBook·2025-06-24 23:12

vue3全局配置截取方法-slice

src/utils/index.tsexportconst_scopeText=(str:string,len:number):string=>{if(str.length{return`${mark}${number}`}main.tsimport{createApp}from'vue'importAppfrom'./App.vue'import*astoolsfrom'./utils/inde
LLL_LH·2025-06-24 20:22

vue3 el-table 根据字段值 改变整行字体颜色

在Vue3中使用ElementPlus的el-table组件时，如果你想根据某一列的字段值来改变整行的字体颜色，你可以通过使用自定义的row-class-name属性或者通过插槽（slot）的方式来达到目的
·2025-06-24 20:50

arco design Vue3使用高德地图，高德地图正常加载，但路线不出来

使用了高德地图的，@amap/amap-jsapi-loader插件，然后按照高德地图的实例使用组件，其他项目里面都可以正常显示，但在arcodesign项目里面，左下角的高德地图名称，可以显示，但图片就是不能显示，找了半天问题，结果是version的问题。把version:2.0注释掉就行import{onMounted,onUnmounted}from'vue';importAMapLoade
LLL_LH·2025-06-24 20:20

Flutter跨平台开发实战指南

其核心优势在于：高性能：直接编译为原生ARM代码跨平台：一套代码可运行在iOS、Android、Web、Windows、macOS和Linux热重载：开发时快速查看更改效果丰富的组件库：提供大量美观的Material
STEPHENurry·2025-06-24 19:47

超简单解决vue3+vite报错The requested module ‘node:fs/promises‘ does not provide an export named ‘constants‘

报错信息：importfsp,{constantsasconstants$3}from'node:fs/promises';^^^^^^^^^SyntaxError:Therequestedmodule'node:fs/promises'doesnotprovideanexportnamed'constants'本人使用的是node17.0.0查找了下说是node换成18.0.0就启动正常了，改了
sunshine_程序媛·2025-06-24 18:38

vue3中父子级互相传递数据以及demo

1、父级传到子级通过props接收//父级组件父组件import{ref,watch,watchEffect}from"vue";importChildfrom"./Child.vue";constmessage=ref("");//子级组件子组件信息：{{message}}import{ref,watch,watchEffect}from"vue";defineProps({message:St
·2025-06-24 18:38

Vue3实现markdown-it支持chartjs、Echartjs、mermaid的渲染

为实现AI助手中回答页面，页面支持渲染文本，chartjs，Echartjs和mermaid的渲染，实现富文本内容动态可视化展示。核心功能需求通过markdown-it插件扩展语法解析Markdown代码块，支持动态渲染交互式图表和流程图。配置自定义渲染规则处理特殊代码类型，实现可视化内容嵌入。1.插件安装与配置npminstallmarkdown-itmarkdown-it-multimd-ta
小牛变大niu·2025-06-24 15:15

网页编辑器粘贴WORD图片时保持原格式的秘诀

要求：开源，免费，技术支持编辑器：百度ueditor前端：vue2,vue3,vue-cli,react,html5用户体验：Ctrl+V快捷键操作功能：导入Word,导入Excel,导入PPT(PowerPoint
M_Snow·2025-06-24 15:45

CMS、整站程序集成百度UEditor：实现WORD内容一键导入

要求：开源，免费，技术支持编辑器：百度ueditor前端：vue2,vue3,vue-cli,react,html5用户体验：Ctrl+V快捷键操作功能：导入Word,导入Excel,导入PPT(PowerPoint
全武凌(荆门泽优)·2025-06-24 15:11

nuxt3 + vue3 分片上传组件全解析（大文件分片上传）

本文将详细介绍一个基于Vue.js的分片上传组件的设计与实现，该组件支持大文件分片上传进度显示等功能。组件概述这个上传组件主要包含以下功能：支持大文件分片上传（默认5MB一个分片）支持文件哈希计算，用于文件唯一标识显示上传进度（整体和单个文件）支持自定义UI样式提供完整的文件管理功能（添加、删除）后端支持分片合并和临时存储组件结构组件由三个主要文件组成：Uploader.vue-主组件fileCh
给钱，谢谢！·2025-06-24 11:51

【web应用】若依框架Vue3前端开发深度指南：从架构设计到工程化实践

文章目录一、引言：若依Vue3的技术演进与生态价值二、编程语言双轨制：JavaScript与TypeScript的场景化应用1.JavaScript：快速原型开发的利器实战案例：动态表单生成器2.TypeScript
JosieBook·2025-06-24 11:49

前端开发中如何优雅地使用 Server-Sent Events（SSE）实现实时推送

作者：小彭努力中日期：2025-06-24技术栈：Vue3+TypeScript+Node.js+SSE关键词：实时推送、SSE、Vue3、前端优化、消息通知系统一、前言在前端开发中，实时通讯的需求越来越广泛
吉檀迦俐·2025-06-24 10:09

微信小程序组件库深度解析（2025精选版）

本文全面解析官方+高星第三方组件库，附每个组件的实战案例代码一、官方基础组件库（WeUI）1.视图容器组件(1)scroll-view-滚动视图商品{{item.id}}-{{item.name}}加载中
·2025-06-24 08:57

重生之我在学Vue-- Vue3 学习路径总览

重生之我在学Vue--Vue3学习路径总览文章目录重生之我在学Vue--Vue3学习路径总览前言Day1-10：基础阶段Day1：Vue3基础与开发环境搭建Day2：CompositionAPI与响应式系统
野生的程序媛·2025-06-24 06:17

vue3 defineExpose的使用

子组件//子组价子组件num值：{{num}}import{ref}from"vue";constnum=ref(100);constfn=()=>{console.log('我是方法');}defineExpose({num,fn})父组件//父组价import{onMounted,ref}from"vue";constchild=ref(null);onMounted(()=>{console
我在北京coding·2025-06-24 03:57

Vue3使用el-table实现多级表头合并列

不难发现，需要多级表头的列只需要在外面包一层el-table-column起名字即可
Abao·2025-06-24 03:26

el-table 多级表头导出（适用于表头固定，表格有固定列）

在使用elementUI组件库开发中，少不了el-table的导出功能，以下是el-table多级表头固定，数据项固定情况下的导出功能！
Hi . Man·2025-06-24 03:56

使用vue3+el-form实现动态新增名称，值，并对名称进行必填校验

使用vue3+el-form实现动态新增名称，值，并对名称进行必填校验效果图代码+-AddItem-->Submit-->import{ref,reactive,defineProps,watch}from'vue'constprops
从不讲道理·2025-06-24 03:56

Vue2到Vue3进阶：第六篇-Vue3动画与过渡实战指南：打造流畅的用户体验

Vue3提供了强大的过渡和动画系统，让开发者能够轻松创建流畅自然的交互效果。本文将深入探讨Vue3中的动画实现技巧，帮助您打造令人惊艳的用户界面。
踢足球的，程序猿·2025-06-23 21:17

Vue2 与 Vue3 核心区别深度解析：源码级详解

总述：架构革命性升级Vue3是对Vue2的全面重构而非简单更新，核心变化可概括为：响应式系统：Object.defineProperty→Proxy重构虚拟DOM：静态标记+PatchFlag优化代码组织
·2025-06-23 21:17

React、Vue3、Svelte 写法大 PK

本文将会从响应式、模板、生命周期、组件、表单、网络请求等几个方面，来对比React、Vue3、Svelte三大流行组件的用法区别。
程序员小英·2025-06-23 21:45

Vue3+TS 视频播放器组件封装（Video.js + Hls.js 最佳组合，从零基础到精通，收藏这篇就够了！

.hljs-comment,.hljs-quote{color:#b6b18b}.hljs-deletion,.hljs-name,.hljs-regexp,.hljs-selector-class,.hljs-selector-id,.hljs-tag,.hljs-template-variable,.hljs-variable{color:#eb3c54}.hljs-built_in,.hlj
·2025-06-23 18:57

Vue3 响应式原理

ref的实现原理4.reactive的实现原理5.副作用系统（Effect）6.响应式系统的优势7.响应式流程总结二、组件触发渲染的时机1.首次挂载时2.响应式数据变更3.Props更新4.强制更新三、Vue3
旺代·2025-06-23 15:35

Vue3中的watch和watchEffect有什么区别？

在前端开发中，Vue3作为一种流行的JavaScript框架，为开发者提供了许多强大的功能以更好地构建交互式的Web应用程序。
JJCTO袁龙·2025-06-23 15:34

如何实现VUE2中wangEditor编辑器对WORD文档的跨平台复制？

要求：开源，免费，技术支持编辑器：百度ueditor前端：vue2,vue3,vue-cli,react,html5用户体验：Ctrl+V快捷键操作功能：导入Word,导入Excel,导入PPT(PowerPoint
M_Snow·2025-06-23 15:04

如何解决VUE2中wangEditor编辑器粘贴WORD文档时的图片丢失问题？

要求：开源，免费，技术支持编辑器：百度ueditor前端：vue2,vue3,vue-cli,react,html5用户体验：Ctrl+V快捷键操作功能：导入Word,导入Excel,导入PPT(PowerPoint
全武凌(荆门泽优)·2025-06-23 14:02

Vue 实例选项

Vue3支持OptionsAPI和组合式API，选项在单文件组件（SFC）中通过exportdefault定义。实例选项支持模块化开发，适合中小型项目，但在复杂场景下组合式API更优。什
AI老李·2025-06-23 09:56

Vue 实例选项

关键要点Vue3生命周期钩子是组件在创建、更新、销毁等阶段触发的函数，用于执行特定逻辑。
AI老李·2025-06-23 09:56

Vue3解析Spring Boot ResponseEntity

在Vue3中解析SpringBoot返回的ResponseEntity主要涉及处理HTTP响应。SpringBoot的ResponseEntity通常包含状态码、响应头和响应体（JSON数据为主）。
BillKu·2025-06-23 08:19

Vue3+TypeScript+Element Plus 表格展开行优化方案

在Vue3+TypeScript+ElementPlus项目中优化表格展开行的内存使用，主要从渲染优化、数据管理和内存回收三方面入手。
BillKu·2025-06-23 08:19

手把手教你用vite+React18+TS+redux+prettier+eslint+Ant打造企业级前端项目

通过这篇文章你可以学到如何使用使用webpack搭建项目如何在webpack中集成typescript如何在webpack中集成ReactRouter和Redux如何使用React的组件库AntDesign
zayyo·2025-06-23 07:11
上一页 4 5 6 7 8 9 10 11 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他