vue3组件库第5页

Vue3 组合式函数解锁 Echarts 封装新姿势

前言本篇文章主要讲解如何使用组合式函数（Composables）来封装Echarts，提供一套可复用、易维护的图表解决方案在这里你能够学到Echarts封装的思路与最佳实践，理解Echarts的特性与使用技巧本文也是《通俗易懂的中后台系统建设指南》系列的第六篇文章，该系列旨在告诉你如何来构建一个优秀的中后台管理系统什么是EchartsEcharts是一个基于JavaScript的开源可视化图表库，

·2025-03-10 09:40

鸿蒙开发API 12 完全解析：核心技术升级与开发实战

文章目录一、API12架构全景图1.1系统架构层次1.2API12核心模块对比二、ArkUI3.0革命性升级2.13D图形能力2.1.13D组件基础结构2.1.2物理引擎集成2.2新增组件库三、分布式能力增强

北辰alk·2025-03-10 08:00

关于Vue2&3的$emit和$on发布订阅模式

关于Vue2&3的$emit和$on发布订阅模式Vue2中$emit和$on的使用Vue3中$emit和$on的使用1.$emit2.

星光菌子·2025-03-10 08:57

从零开始封装React UI 组件库并发布到NPM

这篇文章您将学会1.如何从零开始搭建属于自己的reactui组件库,并发布到npm开源.2.如何从零配置webpack打包项目,例如jsx,less等打包处理.3.发布到npm有哪些注意事项?

winyh5·2025-03-10 05:05

一个基于vue3的图片瀑布流组件

演示介绍基于vue3的瀑布流组件演示地址:https://wanning-zhou.github.io/vue3-waterfall/安装npmnpminstallwq-waterfall-vue3yarnyarnaddwq-waterfall-vue3pnpmpnpmaddwq-waterfall-vue3

周万宁.FoBJ·2025-03-10 04:25

华为OD技术面试真题 - 技术面】- 前端八股文真题题库（8)

为什么不能用index作为key作用为什么不能用index作为key示例说明2.Vue2和Vue3?defineProperty和Proxy?

算法大师·2025-03-09 22:03

【Axure模版素材】ElementUI Plus 组件库 - AxureMost

【Axure】ElementUIPlus组件库/元件库ElementPlus继承了ElementUI的优秀设计，并针对V进行了全面升级。ElementPlus提供了丰富的UI组件，一致的用户界面。

AxureMost·2025-03-09 19:42

vue3开发uniapp转字节小程序注意事项

vue3开发uniapp转字节小程序注意事项1.provide-inject跨层通信不支持问题2.不能自定义头部，需要去申请3.不能使用moment日期插件4.不要再组件中使用onShow、onLoad

奔跑的代码！·2025-03-09 19:41

构建现代化设计系统：基于 TypeScript 与 Storybook 的实战指南

构建现代化设计系统：基于TypeScript与Storybook的实战指南前言在企业级前端开发中，设计系统可以大幅提高开发效率、保证产品一致性，并为团队提供一套可复用的组件库。

全栈探索者chen·2025-03-09 17:18

DeepSeek 助力 Vue3 开发：打造丝滑的表格（Table）之功能优化，基础加载状态,Table8基础加载状态

创作不易，如果能帮助到大家或者给大家一些灵感和启发，欢迎收藏+关注哦目录DeepSeek助力Vue3开发：打造丝滑的表格（Table）之功能优化，基础加载状态页面效果整理后主要代码调用TableView8

宝码香车·2025-03-09 14:28

Vue 3 组件库测试驱动开发 (TDD)：Jest + Vue Test Utils 单元测试实战 - 保障组件质量与长期维护性

引言欢迎再次回到Vue3+现代前端工程化系列技术博客！在昨天的第八篇博客中，我们学习了如何利用Storybook自动化生成专业级的组件文档，极大地提升了组件库的可维护性和易用性。

Neo Evolution·2025-03-09 12:15

Manus：颠覆 AI 代理的新时代

ReactHook深入浅出CSS技巧与案例详解vue2与vue3技巧合集VueUse源码解读Manus，这款突破性的AI代理，近期在科技界掀起了巨大波澜。

·2025-03-09 12:10

electron + vue3 + vite 渲染进程到主进程的单向通信

用示例讲解下渲染进程到主进程的单向通信初始版本项目结构可参考项目：https://github.com/ylpxzx/electron-forge-project/tree/init_project渲染进程到主进程（单向）以Electron官方文档给出的”渲染进程触发动作修改主进程窗口标题“为例完整项目示例：https://github.com/ylpxzx/electron-forge-proj

狼性书生·2025-03-09 10:56

Java微服务SpringCloud+Uniapp+Vue3+Element Plus开源商城BizSpring

BizSpring开源地址Githubhttps://github.com/BizSpringSource/bizspring-vue3-opensource.gitGiteehttps://gitee.com

BizSpring源码商城·2025-03-09 09:47

Vue3项目引用TS语法实例

基础语法定义data//script标签上**lang="ts"**import{defineComponent,reactive,ref,toRefs}from'vue';//定义一个类型type或者接口interface来约束datatypeTodo={id:number,name:string,completed:boolean}exportdefaultdefineComponent({/

灬ManongLai·2025-03-09 06:55

Open WebUI 集成企业微信认证开发文档

OpenWebUI集成企业微信认证开发文档1.系统架构1.1技术栈前端:Vue3+TypeScript后端:FastAPI数据库:PostgreSQL缓存:Redis认证:企业微信OAuth2.01.2

大刘讲IT·2025-03-09 06:54

vue3+vite插件开发

来实现,并且搭配typeScript不太友好(由于装饰器语法过于复杂,这里不讨论vue2+装饰器来使用typeScript),故vue2项目没有开发webpack插件去实现代码补全这篇文章主要介绍的是vue3

糖糖老师436·2025-03-09 05:50

基于vue3，el-upload实现多文件切片上传

基于vue3，el-upload实现多文件切片上传原理：将大文件拆分，通过异步的方式发送给服务端。

未来希望可以惊艳到自己·2025-03-09 04:24

vue3之拆若依--记实现后台管理首页(左侧菜单栏、头部信息区域...)

小白小白从不日白·2025-03-09 04:54

怎么在Vue3项目中引入Vant组件库并使用？

项目中使用步骤1.安装：2.样式的导入（2种方法）2.1main.ts全局导入（平常自己的项目用的这个全局）2.2按需引入组件样式(简单介绍一下)1.安装插件2.配置插件3.组件按需使用：App.vue总结前言在Vue3

小陆不会敲代码·2025-03-09 04:51

Vue-vant的使用

Vant是赞前端团队维护的移动端组件库，提供了一整套UI基础组件和业务组件。

MissXu666·2025-03-09 03:40

大事件开发 - 前端学习笔记

1.环境准备1.1创建Vue项目使用vite创建Vue3工程。目录结构调整，确保清晰的项目结构。

我只是什么都不会而已·2025-03-09 00:42

Vue3+ts实现一个颜色选择器(可以自定义)

Vue3+ts实现一个颜色选择器最近需求需要用到颜色选择器，但是选用的ant-design-vue种并没有颜色选择器这个组件，所以就想着自己实现以下效果图vue代码//ColorPicker.vueHEX

伊泽瑞尔.·2025-03-09 00:06

使用css变量实现更改字体大小功能（vue3为例）

步骤实现：定义全局CSS变量：在你的主样式文件（通常是App.vue或一个单独的CSS文件）中定义全局CSS变量。创建Vue组件或组合式API来管理这些变量：你可以使用一个Vue组件或Vue的组合式API（CompositionAPI）来管理这些全局变量的值。使用CSS变量：在你的组件中使用这些CSS变量来设置样式。动态调整CSS变量：通过Vue的响应式数据来动态调整这些CSS变量的值。1.定义全

伊泽瑞尔.·2025-03-08 23:04

工程化与框架系列（25）--低代码平台开发

低代码平台概述低代码平台主要包括以下核心功能：可视化编辑器：拖拽式界面设计组件系统：可配置的组件库数据管理：数据源配置和状态管理业务逻辑：可视化逻辑编排部署发布：应用打包和发布可视化编辑器实

一进制ᅟᅠ ‌‍‎‏ ·2025-03-08 22:14

vue-cli3+vue2+elementUI+avue升级到vite+vue3+elementPlus+avue总结

vue-cli3+vue2+vue-router3.0+elementUI2.15+avue2.6的后台管理项目，因为vue2在2023年底已经不更新维护了，elementUI也只支持到vue2，然后总结了一下vue3

David+Zhao·2025-03-08 16:19

Vue3中 watch监听方式（学习笔记）

监听的几种方式方式1：监视ref定义的基本数据类型方式2：监视ref定义的【对象类型】方式3：监视reactive定义的【对象类型】数据方式4：监视ref或reactive定义的【对象类型】数据中的某个属性总结前言Vue3

小陆不会敲代码·2025-03-08 15:24

搭建组件库vue（monorepo ）

原笔记Eric'sWiki项目初始化shellmkdirtoy-elementcdtoy-elementgitinitcode.用vscode打开，既然是monorepo，那就先创建一个pnpm-workspace.yaml文件。shellmkdirpackagesecho-e'packages:\n-"packages/*"'>pnpm-workspace.yamlpnpminit创建.giti

GJE1048·2025-03-08 14:29

【vue3】入门系列—子组件调父组件方法

在Vue3中，子组件通常不会直接调用父组件的方法，因为这同样违反了组件之间的单向数据流原则。

前端大颖颖·2025-03-08 13:43

vue3多个页面/组件，复用同一段render页面根据接口返回的数据动态渲染逻辑，使用setup+组合式API

组件reusableComponent是可供多个组件复用的getData请求接口，render渲染数据importoperationServicefrom"@/views/operation/component/operationService.vue";constprops=defineProps({name:{type:String,default:"operation"}});const{n

十年 lius·2025-03-08 13:28

Vue3中子组件向父组件传递对象值

子组件向父组件传递值通过defineEmits来进行传值。语法：constemit=defineEmits()子组件向父组件传递：1.首先定义接口interfacePerson{name:string,age:number,job:string}2.使用defineEmitsconstemit=defineEmits()3.定义需要传递的值letmessage=ref({name:'Mike',a

Miketutu·2025-03-08 12:26

vue3中子组件获取父组件的name，父组件不做修改动作

在Vue3中，子组件若要获取父组件的name，且父组件不做额外操作，可以借助getCurrentInstance来实现。

十年 lius·2025-03-08 12:53

Nginx给Vue和Java后端做代理

本文发表于入职啦(公众号:ruzhila)可以访问入职啦查看更多技术文章网站架构入职啦采用了Nuxt.js、Vue3、Go的混合架构开发，包括了官网、简历工具、职位搜索、简历搜索等功能。

入职啦·2025-03-08 11:41

Vue3自适应布局实战：动态窗口高度适配与最小值限制的完美结合

副标题：从基础原理到el-table深度应用，手把手教你实现"屏幕无界，布局有度"的响应式方案一、核心知识点梳理响应式窗口高度监听•使用ref创建响应式变量windowHeight，通过window.addEventListener('resize')实时更新窗口高度•示例代码：constwindowHeight=ref(window.innerHeight);window.addEventLis

内向的小农·2025-03-08 11:34

奶妈级别芋道源码 ruoyi-vue3-pro 视频、图片批量上传组件，复制即可用！！

批量上传图片组件请上传图片-->查看删除importtype{UploadFile,UploadProps,UploadUserFile}from'element-plus'import{ElNotification}from'element-plus'import{createImageViewer}from'@/components/ImageViewer'import{propTypes}f

William Dawson·2025-03-08 01:42

VSCode 配置优化指南：打造高效的 uni-app、Vue2/3、JS/TS 开发环境

VSCode配置优化指南，适用于uni-app、Vue2、Vue3、JavaScript、TypeScript开发，包括插件推荐、设置优化、代码片段、调试配置等，确保你的开发体验更加流畅高效。

奶凶的小熊崽·2025-03-07 23:37

uniapp微信小程序vue3自定义tabbar

在App.vue隐藏原生tabbar，也可以在pages.json中配置二选一就好了创建CustomTabBar公共组件{{item.text}}import{ref,onMounted}from'vue';constprops=defineProps({currentPage:Number,})consttabBarList=ref([{pagePath:"pages/tabbar/msg",i

HerayChen·2025-03-07 22:07

深入解析 Vue3 核心架构与实战范式：从响应式原理到 Composition API 设计哲学

引言：框架演进的必然选择在2020年发布的Vue3并非简单的版本迭代，而是对前端工程化痛点的系统性解决方案。

嘉图明·2025-03-07 22:05

vue基本功

而且自动收集依赖watch需要手动写依赖，immdiate默认是falsetoRef和toRefstoRef:复制reactive里的单个属性并转成reftoRefs:复制reactive里的所有属性并转成refvue3

码林鼠·2025-03-07 18:51

Vue2中使用全局事件总线

个人理解通过一个参数去实现任意组件间通信的一个方法这个参数需要被所有VueComponents看见仅仅可以在Vue2中使用,因Vue3中已经废弃了prototype第一步：实现全局事件总线在main.js

Aricanv·2025-03-07 07:13

vue3的福音框架arco.design

1.简介1.1.概述Vue3框架Arco.design是一个基于Vue3的开源设计系统，它提供了一系列的UI组件和工具，可以帮助开发者快速构建高质量的Web应用。

丁爸·2025-03-07 06:03

vue3与react、 react hooks

一、Vue3新特性：setup、ref、reactive、computed、watch、watchEffect函数、生命周期钩子、自定义hooks函数、toRef和toRefs、shallowReactive

caihuayuan5·2025-03-07 05:23

vue3封装一个快速查询表格数据的hook，高亮搜索关键字，减少重复代码，提高产出速度

因为项目中需要很多查询页面，重复写查询逻辑费时费力，每个查询页面的基本逻辑都是：定义查询参数=>调用接口发送参数=>拿到参数赋值给表格或其他组件回显=>配置分页组件实现分页这么一个过程，所以就封装了一个hook只需要传进来查询参数（无需传分页参数），接口就可以完成上方所有逻辑，还能高亮搜索匹配关键字，如果hook的处理数据逻辑不适用接口返回参数，还可以传递一个自定义处理参数的函数我使用的antdV

旅行中的伊蕾娜·2025-03-07 04:20

React生态、Vue生态与跨框架前端解决方案

、页面结构渲染策略：服务端渲染(SSR)、静态生成(SSG)、客户端渲染性能优化：代码分割、图片优化、字体优化开发体验：热模块替换、TypeScript支持部署：Vercel平台集成、自托管选项3UI组件库

Coder LM Wang·2025-03-07 00:38

vue3导入excel并解析excel数据渲染到表格中，纯前端实现。

需求用户将已有的excel上传到系统，并将excel数据同步到页面的表格中进行二次编辑，由于excel数据不是最终数据，只是批量的一个初始模板，后端不需要存储，所以该功能由前端独立完成。吐槽系统中文件上传下载预览三部曲走了一遍，万万没想到还要自己实现同步数据。实际反手各种资料开始查阅，终于找到了可以完美实现该需求的方法，来记录下我的实现方案。希望对有需要的小伙伴有帮助。注意以下为正文（重要内容），

m0_74825526·2025-03-06 23:56

vue3+vite项目打包后css样式丢失

问题：原因：默认情况下启用了CSS代码分割，CSS样式会被提取到单独的CSS文件中，会导致一些样式丢失的情况。通过将cssCodeSplit设置为false，可以禁用CSS代码分割，这样CSS样式将会内联到JavaScript中，而不是被提取到单独的CSS文件中。这种方式可以解决一些样式丢失的问题，因为样式将直接包含在构建后的JavaScript文件中，而不会受到代码分割的影响。解决方法：在vit

Angus-zoe·2025-03-06 23:56

vue3动态路由+页面刷新丢失路由+再次加载路由

1、保存路由信息在登录的时候从后端获取路由信息保存到全局pinia或者是vuex，我用的是pinia建议在保存的时候对路由信息数组做好处理2、在router.ts中引入pinia保存的路由信息：注意不要使用createWebHistory路由模式,不然上线后刷新会空白，需要使用hash模式import{createRouter,RouteRecordRaw,createWebHashHistory

Angus-zoe·2025-03-06 23:25

vue3+vite+ts项目中使用vue-router

vite.config.ts:import{defineConfig}from'vite';importvuefrom'@vitejs/plugin-vue';importpathfrom"path";exportdefaultdefineConfig({plugins:[vue()],resolve:{alias:{"@":path.resolve(__dirname,"src"),}},});

枫叶&情缘·2025-03-06 11:42

基于vue3封装axios

安装axiosyarnaddaxios实例化axios–设置baseURL，超时时间，大数问题constinstance=axios.create({baseURL:'',timeout:5000})请求拦截器-全局注入tokeninstance.interceptors.request.use(config=>{//config是请求//1.获取token，从user模块中获取

withNanSi·2025-03-06 09:58

推荐频道

vue3组件库