#vue3

vue项目提示 WebSocketClient.js:49 WebSocket connection to ‘ws://xxxx/ws‘ failed: Invalid frame header

项目信息vue-cli创建的vue3+webpack5项目；问题现状配置proxy代理后，控制台报错，不影响使用，但是不美观，并且不利于在控制台调试代码；原因定位代理问题，新配置的接口代理，影响到了项目内置的本地服务代理配置

Beamon__·2025-03-16 13:20

Vue3项目基于Axios封装request请求

在Vue3的项目开发中，使用Axios进行HTTP请求是非常常见的作法，为了更方便开发者更高效的进行代码编写和项目的维护，可以通过再次封装Axios来实现。

洛*璃·2025-03-16 12:39

分享vue好用的pdf 工具实测

vue3-pdf-app：带大纲，带分页，带缩放，带全屏，带打印，带下载，带旋转下载依赖：yarnaddvue3-pdf-appornpminstallvue3-pdf-app配置类：创建文件pdfConfig.ts

何包蛋H·2025-03-16 07:36

Vue3使用ECharts入门示例

ApacheECharts介绍一个基于JavaScript的开源可视化图表库。官方网址使用示例第一步：NPM安装EChartsnpminstallecharts--save第二步：使用EChartsimport*asechartsfrom'echarts';constmain=ref()consttu=()=>{//基于准备好的dom，初始化echarts实例varmyChart=echarts.

牧小七·2025-03-16 01:24

webpack5（Module Federation）+vue3.0实现微前端

项目源码地址：https://github.com/wuxiaohuaer/webpack5-vue-admin一、什么是微前端微前端是一个比较宏观的概念，他的核心就是独立，开发独立、部署独立，比较适合大的团队来进行重量级项目开发。从MicroFrontends官网可以了解到，微前端概念是从微服务概念扩展而来的，摒弃大型单体方式，将前端整体分解为小而简单的块，这些块可以独立开发、测试和部署，同时仍

weixin_42140041·2025-03-15 21:57

Vue3项目白屏问题深度解析：从AI辅助诊断到性能优化实战

一、问题背景：令人困惑的白屏现象在开发一个基于Vue3+Vite+TypeScript的中后台管理系统时，我们遭遇了一个典型的性能问题：页面刷新后出现持续1-2秒的白屏，随后才正常渲染内容。

TE-茶叶蛋·2025-03-15 21:53

从底层到实践：深度解析 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 - 强大的在线图片设计工具

咎旗盼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

推荐频道

#vue3

vue项目提示 WebSocketClient.js:49 WebSocket connection to ‘ws://xxxx/ws‘ failed: Invalid frame header

Vue3项目基于Axios封装request请求

分享vue好用的pdf 工具实测

Vue3使用ECharts入门示例

webpack5（Module Federation）+vue3.0实现微前端

Vue3项目白屏问题深度解析：从AI辅助诊断到性能优化实战

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

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

Vue3 事件处理

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

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

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

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

vue3+elementuiplus的table表格动态高度

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

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

监听F11浏览器全屏状态

unplugin-vue-router 的基本使用

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

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

Vue3-导出导入excel

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

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

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

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

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

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

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

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

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

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

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

Stack Navigator中使用自定义的Render Callback

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

Vue3开发 vue-router的使用

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

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

Vue3的Hook指南

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

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

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

使用Vite创建Vue3项目

deepseek在vue3的应用

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

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

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

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

Vue Amazing UI插件推荐

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

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

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