VUE3

从底层到实践：深度解析 Vue Composition API 与 React Hooks 的异同

一、设计哲学与底层原理差异1.1响应式系统的基因差异Vue3的CompositionAPI建立在Proxy-based响应式系统之上，通过劫持对象的getter/setter实现依赖收集。
·2025-03-15 18:05

深入解析 Vue 3 Teleport：原理、应用与最佳实践

深入解析Vue3Teleport：原理、应用与最佳实践1.引言Vue3引入了Teleport组件，它可以让我们将组件的渲染位置从当前组件层级移动到DOM的其他位置，而不影响Vue的响应式和组件状态管理。
赵大仁·2025-03-15 16:17

Vue3 事件处理

Vue3事件处理引言Vue3作为新一代的Vue.js框架，在事件处理方面提供了更加灵活和高效的方式。
wjs2024·2025-03-15 14:02

uniapp vue3项目用原生h5 audioContext实现语音文件倍速播放，可适应h5和安卓app

前言uniapp项目要做类似微信的聊天语音播放功能，可以切换语音，可以点击切换播放/停止播放状态，还可以倍速播放。开始用了uniapp的音频组件uni.createInnerAudioContext()，很好用但就是倍速播放playbackRate属性不起作用，经过研究，决定用原生h5的audioContext。AudioContext是WebAudioAPI的一部分，它代表了一个音频处理图，允许
努力做大神·2025-03-15 10:33

用 Pinia 点燃 Vue 3 应用：状态管理革新之旅

用Pinia点燃Vue3应用：状态管理革新之旅用Pinia点燃Vue3应用：状态管理革新之旅什么是Pinia？
心中的灯塔·2025-03-15 06:52

玩转 Vue 3：自定义指令让页面魔法随心而动

玩转Vue3：自定义指令让页面魔法随心而动玩转Vue3：自定义指令让页面魔法随心而动什么是自定义指令？
心中的灯塔·2025-03-15 05:44

Vue Markdown 编辑器全攻略：轻松集成 MD 编辑器到前端项目

本文将以Vue3为例，详细介绍如何使用v-md-editor库在项目中集成Markdown编
算法探险家·2025-03-15 03:50

vue3+elementuiplus的table表格动态高度

table表格流体高度1、前提了解自定义指令、hooks2、核心思路通过自定义指令（newResizeObserver）监听表格变化，然后通过hooks去更新表格高度。3、核心代码src/directives/resize.ts//import{debounce}from'@/utils';import{typeDirective}from"vue";constresizeDirective:Di
多喜乐 长安宁·2025-03-15 03:19

Vue3 + TypeScript 实战经验：2025年高效开发指南

在2024年的前端工程化浪潮中，Vue3与TypeScript已成为企业级应用的黄金组合。本文将基于多个真实项目经验，从工程规范、类型安全、性能优化三个维度，分享实战技巧与避坑指南。
ctrl_cv工程师￥·2025-03-15 00:58

vuex中使用vuex-persistedstate无法进行持久缓存

在vuex的mutations中发送axios请求造成响应数据无法持久缓存最近在开发一个基于vue3的后台管理系统，因为要使用到了动态路由和权限管理，所以需要请求用户所属角色的一个权限信息，并将这些信息通过
小小怪下士_---_·2025-03-14 22:38

监听F11浏览器全屏状态

说明全屏和非全屏经常因为，是F11或者控制台按钮按的判断不了，所以综合了下，下面的方法有效，下面是应对所有浏览器的兼容版本页面上代码是vue2的，vue3或者js需要自己改下，都是js核心是一个东西核心代码
小旋风01234·2025-03-14 21:05

unplugin-vue-router 的基本使用

1.前言在Vue3开发过程中，每次创建新的页面都需要注册路由，需要在src/router.ts中新增页面的路径，并将URL路径映射到组件中，如下所示：import{createMemoryHistory
·2025-03-14 21:33

vue3 el-form校验 报错formRef.value.validate is not a function

这是需要校验的表单【每一行都需要校验】保存在保存按钮中打印formRef.value.validate()是有值的，所以我给它们增加了异步constformData=ref([])construles={name:[{required:true,message:'请输入姓名',trigger:['blur','change']}]}constsaveData=async()=>{constvali
J总裁的小芒果·2025-03-14 20:24

从零实现OSS阿里云图片上传：前端采用的vue3+element-plus，后端采用javaspingboot，实现上传图片到云，然后存储数据库链接能够回显的效果

后端（JavaSpringBoot）1.添加依赖在pom.xml中添加必要的依赖，包括阿里云OSSSDK、SpringBootWeb、MyBatis-Plus等：org.springframework.bootspring-boot-starter-webcom.baomidoumybatis-plus-boot-starter3.4.3.4com.aliyun.ossaliyun-sdk-oss
绝顶少年·2025-03-14 18:07

Vue3-导出导入excel

功能主要实现excel导入导出功能，同时具有合并单元格，美化单元格等功能，引用依赖包exceljs、file-saver，好像也没有什么要介绍的，可以看看官网文档然后直接使用了导入依赖包pnpminstallexceljsfile-saver@types/file-saver封装Excel帮助类（excelHelper.js）importExcelJSfrom'exceljs'importFile
Now喔·2025-03-14 17:01

Electron + VUE3 桌面应用，主进程和渲染进程通信

之前写过篇主进程和渲染进程之间的通信，这里主要是记录一下VUE版本的应用，主进程和渲染进程之间的通信。思路是一样，唯一不同的是代码。在开发Electron应用的时候，从安全的角度来考虑，尽量不要在渲染进程中，直接调用ElectronAPI，因此我们需要预加载JS脚本，在这个脚本中，把我们用到的API暴露出去。代码如下：constcreateWindow=()=>{constwin=newBrows
读心悦·2025-03-14 17:53

Electron+Vue3+Vite+ElectronForge整合 - 一键启动两个服务 & 一键打包两个服务

说明本文介绍一下Electron+Vue3+Vite+ElectronForge的高级整合操作。vue3:使用TS的语法开发；Electron:使用JS的语法开发。
NorthCastle·2025-03-14 16:49

Electron+Vue3+Vite+ElectronForge整合-全部ts开发 - 一键启动两个服务 & 一键打包两个服务

说明本文介绍一下Electron+Vue3+Vite+ElectronForge的高级整合操作。vue3:使用TS的语法开发；Electron:使用TS的语法开发。
NorthCastle·2025-03-14 16:49

推荐开源项目：YFT Design - 强大的在线图片设计工具

推荐开源项目：YFTDesign-强大的在线图片设计工具yft-design基于fabric.js的图片设计,fabric.jsandvue3andtypescriptandelement-plus,supportingthemostcommonlyusedelementtypessuchastext
咎旗盼Jewel·2025-03-14 16:17

【H2O2 | 软件开发】Axios发送Http请求

准备工作软件：【参考版本】VisualStudioCode第三方js库（框架）：【参考版本】Vue3，Axios（v
过期的H2O2·2025-03-14 14:04

响应式设计已死？流体布局才是未来！

ReactHook深入浅出CSS技巧与案例详解vue2与vue3技巧合集VueUse源码解读在当今的Web设计领域，挑战从未如此巨大。
·2025-03-14 12:47

vuejs相关链接和格式化插件推荐

vue官网：https://cn.vuejs.org/配合路由设置：https://router.vuejs.org/zh/guide/elementplus(vue3)|elementUI(vue2)
醉酒的李白、·2025-03-14 10:27

vue3 antd table表格样式修改——ant design vue table表格的行高调整

vue3antd项目实战——修改antdesignvuetable组件的默认样式（调整每行行高）知识调用场景复现实际操作解决a-table表格padding过宽知识调用文章中可能会用到的知识链接vue3
Dorable_Wander·2025-03-14 08:45

vue3 el-table 通过深度选择器::v-deep修改组件内部样式（默认样式）

默认的样式：修改的样式：CSS：//使用vue3的深度选择器::v-deep（或者:deep，::v-deep的别名），修改组件内部样式，从而改变组件默认的显示效果//表格奇数行样式::v-deep.el-table.odd-row
BillKu·2025-03-14 07:44

vue3学习教程第二十六节（Hooks 封装注意事项）

1、什么是HooksHooks最先提出的是React，在React16之后提出了所有以use开头定义的函数，用于复杂功能编写、函数组件中状态管理共用、副作用处理而抽离的共用的单一功能可复用的函数；2、Hooks与mixinsClass在应用中的差异在vue2中的mixinsClass主要有以下缺点：a、数据来源不清晰：在一个单文件组件中引入多个mixins或者class时候，想要追踪一个方法或者属
刺客-Andy·2025-03-14 07:11

Vue3中使用exceljs和file-saver实现Excel导出（含图片导出）完整方案

问题背景在Vue3项目中，当我们需要将包含图片的数据导出到Excel时，常用的sheetjs/xlsx库存在局限性：无法直接导出图片到单元格。本文将提供完整的解决方案，封装可直接复用的工具函数。
叫我OldFe·2025-03-14 06:37

Stack Navigator中使用自定义的Render Callback

前言关于Vite和Vue3的讨论越来越多，看了官网的特性后，真是按捺不住想尝试一下。开发环境秒开？CompositionAPI？SFCStyleCSSVariableInjection？
AI画手小王·2025-03-14 06:32

面试官：Vue中的过滤器了解吗？过滤器的应用场景有哪些？

，就是把一些不必要的东西过滤掉过滤器实质不改变原始数据，只是对数据进行加工处理后返回过滤后的数据再进行调用处理，我们也可以理解其为一个纯函数Vue允许你自定义过滤器，可被用于一些常见的文本格式化ps:Vue3
动感超人，·2025-03-14 04:16

Vue3开发 vue-router的使用

1、vue-router简介官方介绍：VueRouter是Vue.js(opensnewwindow)官方的路由管理器。它和Vue.js的核心深度集成，让构建单页面应用变得易如反掌。包含的功能有：嵌套的路由/视图表模块化的、基于组件的路由配置路由参数、查询、通配符基于Vue.js过渡系统的视图过渡效果细粒度的导航控制带有自动激活的CSSclass的链接HTML5历史模式或hash模式，在IE9中自
CV菜鸟#·2025-03-14 03:45

深度掌握 ReactJS 高级概念：前端开发者必备

ReactHook深入浅出CSS技巧与案例详解vue2与vue3技巧合集VueUse源码解读这篇文章汇总了ReactJS中值得深入研究的高级概念。
·2025-03-14 00:06

vue3+element-plus里面的el-submenu组件显示问题

问题描述：：今天使用vue3做后台管理页面的左侧导航栏用到了el-submenu,但是显示出了问题，不能正常显示。
qq_490824614·2025-03-13 22:38

Vue3的Hook指南

文章目录一、什么是Hook？1.技术本质2.与工具函数的区别二、Hook存在的意义1.解决传统模式的三大痛点2.核心优势矩阵三、开发实践指南1.基础创建模式2.组件内使用四、最佳实践1.复杂Hook结构2.类型安全增强五、应用场景1.状态共享方案2.跨组件通信六、性能优化策略1.副作用管理2.惰性加载Hook七、调试技巧1.开发工具追踪2.控制台检查八、应用案例1.数据可视化Hook2.微前端状态
Hopebearer_·2025-03-13 19:49

vue3+ts+vite+pinia+element-plus搭建一个项目

创建一个基于Vue3、TypeScript、Vite、Pinia和ElementPlus的项目是一个现代化的前端开发流程，这种配置通常用于构建轻量级、快速和模块化的单页应用程序（SPA）。
貂蝉空大·2025-03-13 18:15

Vue3中实现el-table单选功能（取消前一项的选中）

需求描述产品说，表格行要只能选中一个且，不能使用el-radio方式因为要可以取消选中于是乎，有了当前的文章记录我们先看效果图效果图代码思路首先，把el-table的全选全不选勾选框取消::v-deep(.myTable){thead{th:nth-child(1){.cell{display:none;}}}}然后，去除前一项的选中状态@select="selectChange"constsel
·2025-03-13 15:48

npm【一】---vue3+vite+ts 发布、更新自定义组件到npm仓库

1.初始化项目本示例使用npm7+版本（项目为sos-ol-map）#npm6.xnpminitvite@latestsos-ol-map--templatevue-ts#npm7+,需要额外的双横线：npminitvite@latestsos-ol-map----templatevue-ts#yarnyarncreatevitesos-ol-map--templatevue-ts#pnpmpnp
sisimi_43966973·2025-03-13 12:30

使用Vite创建Vue3项目

为啥选vite创建，请看vite官网给出的解释，我只是一个不想记忆的咸鱼。使用npm搭建项目，要求Node.js版本>=14.18.0。1.报上名来创建：在命令行输入npm-v检查版本，然后根据版本做选择，真的很快！！！#npm6.x版本，使用这个npminitvite@latest--templatevue#npm7版本以上，要多加两条杠npminitvite@latest----templat
Asafoetida阿魏·2025-03-13 11:20

deepseek在vue3的应用

npminstallvue3-markdown-it注意是vue3-markdown-it不是markdown-it这个是对输出的文字做优化。
白马？定叫他有来无回！·2025-03-13 10:10

如何搭建一个适配微信小程序，h5，app的工程

在vscode搭建uni-app项目（Vue3+Vite+Pinia+uViewPlus）一、环境准备1.安装Node.js确保已安装Node.js（需≥14版本），可通过以下命令检查版本：node-v
牛牪犇0·2025-03-13 08:59

Vue响应式数组方法深度解析

方法拦截器实现原理三、视图更新触发全流程1.依赖收集流程2.更新触发流程四、源码级实现分析1.原型链覆盖实现2.新增元素响应式处理五、特殊场景处理方案1.索引直接修改问题2.长度修改处理3.过滤数组处理六、Vue3
北辰alk·2025-03-13 02:44

Claude 3.7 全解析：AI 代码助手的巅峰之作？

ReactHook深入浅出CSS技巧与案例详解vue2与vue3技巧合集VueUse源码解读最近AI领域的新模型层出不穷，Claude3.7的发布无疑是最受瞩目的事件之一。
·2025-03-13 02:58

100.Vue3 + OpenLayers：使用 marker-feature 添加 Marker

本文将详细介绍如何在Vue3项目中，使用OpenLayers并结合marker-feature插件来添加Marker。
吉檀迦俐·2025-03-12 20:59

Vue Amazing UI插件推荐

以下是针对VueAmazingUI的综合分析和技术选型建议，结合其技术特性、适用场景及与主流库的对比：一、核心优势解析技术栈轻量高效Vue3+Vite原生支持：充分发挥Vue3的CompositionAPI
前端熊猫·2025-03-12 19:24

Claude 3.7 全解析：AI 代码助手的巅峰之作？

ReactHook深入浅出CSS技巧与案例详解vue2与vue3技巧合集VueUse源码解读最近AI领域的新模型层出不穷，Claude3.7的发布无疑是最受瞩目的事件之一。
·2025-03-12 17:34

RuoYi-Cloud-Plus 发布 1.8.0 新增 sms4j 短信融合

更新日志重大更新[重大更新]新增sms4j短信融合框架整合(支持数十种短信厂商接入、发送限制、负载均衡等功能)[不兼容更新]移除原短信功能(建议使用新sms4j功能)[重要迁移]迁移vue3前端到主仓库统一维护依赖升级
「已注销」·2025-03-12 16:32

在Vue 3中，如何创建一个异步组件？

在Vue3中，如何创建一个异步组件？在现代前端开发中，组件的重用性和异步加载是提升用户体验和优化性能的关键因素。在Vue3中，创建异步组件变得更为便利。
JJCTO袁龙·2025-03-12 15:31

DeepSeek 助力 Vue3 开发：打造丝滑的表格（Table）之添加列宽调整功能,示例Table14基础固定表头示例

创作不易，如果能帮助到大家或者给大家一些灵感和启发，欢迎收藏+关注哦目录DeepSeek助力Vue3开发：打造丝滑的表格（Table）之添加列宽调整功能,示例Table14基础固定表头示例页面效果指令输入
宝码香车·2025-03-12 13:17

重生之我在学Vue--第6天 Vue 3 状态管理（Pinia）

重生之我在学Vue–第6天Vue3状态管理（Pinia）文章目录重生之我在学Vue--第6天Vue3状态管理（Pinia）前言一、Pinia核心概念速览1.1为什么需要状态管理？
野生的程序媛·2025-03-12 02:47

重生之我在学Vue--第5天 Vue 3 路由管理（Vue Router）

重生之我在学Vue–第5天Vue3路由管理（VueRouter）文章目录重生之我在学Vue--第5天Vue3路由管理（VueRouter）前言一、路由配置与导航1.1什么是VueRouter？
野生的程序媛·2025-03-12 01:45

重生之我在学Vue--第8天 Vue 3 UI 框架（Element Plus）

重生之我在学Vue–第8天Vue3UI框架（ElementPlus）文章目录重生之我在学Vue--第8天Vue3UI框架（ElementPlus）前言一、ElementPlus基础：从安装到组件革命1.1
野生的程序媛·2025-03-12 00:09

基于vue3实现的聊天机器人前端（附代码）

跟它说说话吧！一个活泼的伙伴，为你提供情感支持！??发送消息！import{ref,onMounted}from'vue';import{v4asuuidv4}from'uuid';//引入UUID生成库//响应式数据constmessage=ref('');//用户输入的消息constchatbox=ref(null);//聊天记录显示区的引用constchatId=ref(uuidv4());
P7进阶路·2025-03-11 21:40
上一页 1 2 3 4 5 6 7 8 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他