vue2&vue3 第2页

自用vue3，已标记慎看（日常更新）

认识Vue31.Vue2选项式APIvsVue3组合式APIexportdefault{data(){return{count:0}},methods:{addCount(){this.count++}

斑马兽存d·2025-03-18 02:28

CSS竟然开始支持函数了！编程语言的未来能否在此掀起波澜？

ReactHook深入浅出CSS技巧与案例详解vue2与vue3技巧合集VueUse源码解读当我第一次看到CSS即将支持原生函数时？没错，朋友，这是真的！

·2025-03-18 00:00

Vue3+ts+router项目创建

1.安装Node.js和npm确保你已经安装了Node.js和npm。你可以通过以下命令检查是否已安装：node-vnpm-v如果没有安装，可以从Node.js官网下载并安装。2.安装VueCLIVueCLI是一个用于快速搭建Vue项目的工具。你可以通过以下命令全局安装VueCLI：npminstall-g@vue/cli安装完成后，你可以通过以下命令检查VueCLI是否安装成功：vue--ver

DaKangya·2025-03-17 21:42

vue2和vue3的响应式原理有何不同？

Vue2和Vue3在响应式原理上存在显著差异，下面为你详细介绍。如果你是前端开发，V哥建议抓紧入坑鸿蒙，2025年鸿蒙趋势将引领国产化替代的新征程，大量内推岗位等你来拿。

·2025-03-17 20:20

重生之我在学Vue--第16天 Vue 3 插件开发

重生之我在学Vue–第16天Vue3插件开发文章目录重生之我在学Vue--第16天Vue3插件开发前言一、插件的作用与开发思路1.1插件能做什么？

野生的程序媛·2025-03-17 15:05

【SSE】前端vue3使用SSE，EventSource携带请求头

写在前面：兄弟们，我手里有个长期项目，考虑接私活的可以看看我GitHub！https://github.com/ccy-233/coder2retire一、[SSE]介绍1.定义SSE（Server-SentEvents）是一种基于HTTP协议，用于实现服务器主动向客户端推送数据的技术。它在客户端与[服务器]之间建立一条持久化连接，并通过这条连接实现服务器向客户端的实时数据推送，而客户端不能发送数

2501_91133273·2025-03-17 15:34

vue3:request.js中请求方法，api封装请求，方法请求

方法一request.js//封装GET请求exportconstget=(url,params={})=>{returnrequest.get(url,{params});};//封装POST请求exportconstpost=(url,data={})=>{returnrequest.post(url,data);};api封装import{post}from'@/utils/request'

25号底片~·2025-03-17 08:16

Vue 3 vs Vue 2：深入解析从性能优化到源码层面的进化

随着Vue3的发布，它在性能优化、开发体验、响应式系统、构建工具和热更新等多个方面都带来了巨大提升。

银之夏雪·2025-03-17 08:42

vue 父组件和子组件中v-model和props的使用和区别

zpjing~.~·2025-03-17 04:42

vue3 vite打包后页面控制台报错Access to script at ‘file:///E:/vueProject/vue3-project/Vue3-big-event-admin/dist

vue3vite打包后页面白屏控制台报错Accesstoscriptat'file:///E:/vueProject/vue3-project/Vue3-big-event-admin/dist1安装兼容插件

Dinosaur啊呜·2025-03-17 03:35

【Vue3+Vite指南】全局引入SCSS文件后出现Undefined mixin？一招解决命名空间陷阱！

【Vue3+Vite全局引入SCSS指南】解决Undefinedmixin错误的完整方案本文目录前置准备：安装SCSS环境问题现象与错误分析根本原因：Sass模块化的命名空间三大解决方案详解方案1:显式命名空间调用方案

积水成江·2025-03-17 03:30

vue2和vue3的diff算法有什么区别？

Vue2和Vue3中的diff算法的主要区别：1、vue2的diff算法vue2使用了经典的di

浮生无聊·2025-03-16 22:27

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

创作不易，如果能帮助到大家或者给大家一些灵感和启发，欢迎收藏+关注哦目录DeepSeek助力Vue3开发：打造丝滑的表格（Table）之添加列宽调整功能,示例Table14_10空状态的固定表头表格页面效果组件代码代码测试测试代码正常跑通

宝码香车·2025-03-16 18:59

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

创作不易，如果能帮助到大家或者给大家一些灵感和启发，欢迎收藏+关注哦目录DeepSeek助力Vue3开发：打造丝滑的表格（Table）之添加列宽调整功能,示例Table14_07带分页的固定表头表格页面效果组件代码代码测试测试代码正常跑通

宝码香车·2025-03-16 16:43

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

创作不易，如果能帮助到大家或者给大家一些灵感和启发，欢迎收藏+关注哦目录DeepSeek助力Vue3开发：打造丝滑的表格（Table）之添加列宽调整功能,示例Table14_04带选择框的固定表头表格页面效果组件代码代码测试测试代码正常跑通

宝码香车·2025-03-16 16:43

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

创作不易，如果能帮助到大家或者给大家一些灵感和启发，欢迎收藏+关注哦目录DeepSeek助力Vue3开发：打造丝滑的表格（Table）之添加列宽调整功能,示例Table14_01基础固定表头示例页面效果组件代码测试代码正常跑通

宝码香车·2025-03-16 16:42

DeepSeek 助力 Vue3 开发：打造丝滑的表格（Table）示例3: 行选择

创作不易，如果能帮助到大家或者给大家一些灵感和启发，欢迎收藏+关注哦目录DeepSeek助力Vue3开发：打造丝滑的表格（Table）示例3:行选择前言页面效果指令输入定义属性数据相关样式与布局相关功能相关定义事件其他

宝码香车·2025-03-16 16:42

VUE3中defineExpose的使用方法

可以通过defineExpose编译器宏来显式指定在组件中要暴露出去的属性官网传送门在vue3的setup中，组件默认是关闭的，对一个子组件使用ref，不能获取任何在中声明的绑定。

云隙阳光i·2025-03-16 14:28

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

推荐频道

vue2&vue3