vue2迁移到vue3 第10页

没有虚拟DOM版本的vue（Vue Vapor）

没有虚拟DOM版本的vue（VueVapor）1.开篇什么是虚拟dom为什么用虚拟dom为什么出没有虚拟DOM版本的vue2.虚拟dom2.1虚拟DOM的工作原理创建虚拟DOM更新虚拟DOM比较虚拟DOM

·2025-06-26 15:27

【炼丹炉】Conda环境离线迁移

1.背景笔者所在公司最近要在局域网内部署NLP算法模型，由于需求方对数据安全有严格要求，新服务器所在局域网不能直接访问Internet，因此需要将模型所需的运行环境离线迁移到新服务器中。

黑白象·2025-06-26 15:52

uni-app/vue2：微信小程序实现文件流的下载及预览

有时候后端会返回文件流，而不是完整的文件地址。实现文件流的下载预览方式如下：//接口地址constdownloadUrl=base_url+"/service/proBasicService/downloadBillFile"consttoken=uni.getStorageSync('token');//参数constobj={}uni.request({url:downloadUrl,//接口

_龙衣·2025-06-26 14:51

深度剖析Vue3响应式原理Proxy

文章目录1.前言2.Vue2与Vue3响应式实现的差异2.1.Vue2响应式实现2.2.Vue3响应式实现3.Proxy基础3.1.Proxy的基本语法3.2.Proxy的常见拦截方法4.Vue3响应式核心

冲浪的鹏多多·2025-06-26 10:59

《Vue3+ECharts 大屏性能优化全攻略：从加载到交互的极致体验》

1.大屏项目痛点分析与优化目标典型性能问题：首屏白屏时间过长大数据量下的渲染卡顿复杂动画导致的掉帧优化目标设定：首屏加载{config.splitChunks({chunks:'all',minSize:20000,maxSize:250000,minChunks:1,automaticNameDelimiter:'~',cacheGroups:{echarts:{test:/[\\/]node_

前端极客探险家·2025-06-26 10:28

vue2中前端实现图片裁剪上传到服务器

在Vue2中实现图片裁剪并上传到服务器，你可以结合使用Cropper.js来进行图片裁剪，并通过Axios或者其他HTTP客户端库将裁剪后的图片上传至服务器。

涔溪·2025-06-26 10:27

记录vue3.0+ts使用echarts的dataZoom的坑

错误原因：因为vue3.0使用的是proxy的模式监听响应式，this.chart会被在vue内部转换成响应式对象，从而在resize的时候获取不到coordSys.type解决办法：所以在实例化echart

追风少年_·2025-06-26 09:19

markRaw

Vue3中的markRaw()函数markRaw()是Vue3响应式系统中的一个API，用于标记一个对象，使其永远不会被转换为响应式代理。这在您希望确保对象保持原始状态且不触发响应式更新时非常有用。

jjjjjjjjj¢·2025-06-26 09:48

深入浅出--vue3封装echarts组件

本文将介绍如何在Vue3中封装一个高效、可复用的ECharts组件——TChart。2、组件亮点响应式图表：自动调整大小以适应容器。空数据展示：支持

brrdg_sefg·2025-06-26 08:15

使用markRaw实例化echarts对象

在Vue3中，markRaw函数用于标记一个对象，使其永远不会转换为响应式代理。

知福致福·2025-06-26 08:42

实现高度自动过渡的几种方案

实现流体高度前言通用html一、使用max-height（简单但是不精准）不推荐二、JS动态计算（常规用法）三、Grid过渡实现（现代浏览器）推荐四、使用在项目中(react)五、使用在项目中(vue3

Jet_closer·2025-06-26 04:11

UV-UI组件库中@click.stop事件修饰符失效问题解析

UV-UI组件库中@click.stop事件修饰符失效问题解析uv-uiuv-ui破釜沉舟之兼容vue3+2、app、h5、小程序等多端基于uni-app和uView2.x的生态框架，支持单独导入，开箱即用

邬群彤·2025-06-26 03:09

探索阿里云容器：解锁云原生应用的无限可能

随着企业数字化转型的加速推进，对云计算的需求呈现出爆发式增长，市场研究机构预测，全球云计算市场规模在未来几年将持续保持强劲的增长态势，众多企业纷纷将业务迁

云资源服务商·2025-06-26 03:04

Vue3 组合式 API：生命周期钩子（三）

1、onMounted()onMounted()会在组件挂载到DOM后立即调用，此时DOM已经渲染完毕，可以进行相关的DOM操作或发起网络请求。exportdefault{setup(){//可以在这里定义响应式状态、计算属性等onMounted(()=>{//组件挂载到DOM后执行的代码console.log('组件已挂载到DOM');//在这里可以进行DOM操作或发起网络请求等});//返回需

**之火·2025-06-26 02:29

Vue3组合式API中使用生命周期钩子教程

1.导入生命周期函数-在Vue3中，组合式API提供了与选项式API相对应的生命周期钩子函数。这些函数需要从vue模块中导入。

流着口水看上帝·2025-06-26 01:28

若依+vue2实现模拟登录

1、背景第三方通过链接访问若依项目，该链接通过携带唯一标识符：phone（手机号），项目通过手机号查询本项目数据库人员信息实现模拟登录。2、实现2.1.前端实现2.1.1创建专用模拟登录页面PhoneLogin.vue正在登录中...{{error}}import{simulateLogin}from'@/api/login'import{removeToken,setToken}from'@/u

Bug缔造者·2025-06-25 22:30

Vue3响应式原理与API

前端面试通关指南专栏主页前端面试专栏规划详情Vue3响应式原理与API详解一、引言Vue3作为Vue.js框架的重要升级版本，带来了许多令人瞩目的新特性。

爱分享的程序员·2025-06-25 21:49

uniapp小兔鲜儿小程序

二、技术栈前端框架：uni-app(Vue3+TS)状态管理：

Chappie_Home·2025-06-25 20:43

在 Vue 2 中被动接收后端服务器发送的数据，而不是主动发起请求获取数据。

在Vue2中被动接收后端服务器发送的数据，而不是主动发起请求获取数据，通常涉及到使用WebSocket或者Server-SentEvents(SSE)技术。

涔溪·2025-06-25 18:02

Vue组件库---Element

什么是ElementElement:是饿了么团队研发的，一套为开发者设计师和产品经理准备的基于Vue2.0的桌面端组件库组件:组成网页的部件，例如超链接，按钮，图片，表格等官网:https://element.eleme.cn

码不完的哥哥·2025-06-25 18:02

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

maven:迁移到 Maven Central 后 pom.xml的配置步骤

迁移到MavenCentral后pom.xml的配置步骤账户迁移如果你近期登录maven中央仓库的后台Nexus存储库管理器，你会收到如下通知：OSSRH服务将于2025年6月30日终止使用。

10km·2025-06-25 18:31

鸿蒙5.0版开发：ArkTS容器组件（FolderStack）

开发技术最全学习路线指南鸿蒙应用开发实战项目，看这一篇文章就够了（部分项目附源码）FolderStackFolderStack继承于Stack(层叠布局)控件，新增了折叠屏悬停能力，通过识别upperItems自动避让折叠屏折痕区后移到上半屏说明

星星不闪包退1·2025-06-25 15:11

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

vue2实现反复轮播（走左往右变成从右往左）

Document*{margin:0;padding:0;box-sizing:border-box;}{{item.name}}{{item.name}}newVue({el:'#app',data(){return{list:[{name:'测试11111',class:'border-1pxborder-solidborder-redw-100pxh-80pxrounded-5pxp-10p

上优·2025-06-25 13:25

vue2项目延迟装载defer优化白屏

使用的混入，这个使用的是关键帧的形式来分片加载，可以优化白屏时间exportdefaultfunction(maxFraneCount){return{data(){return{frameCount:0}},mounted(){constrefreshFrameCount=()=>{requestAnimationFrame(()=>{this.frameCount++if(this.frame

riyue666·2025-06-25 13:23

vue2 图片裁剪上传

原图(img盒子)的尺寸设置:.box-size{//预览原图的尺寸width:200px;height:200px;}裁剪框的初始尺寸//使用图片较短边的40%作为裁剪框的初始尺寸，但不超过180pxconstshortSide=Math.min(imageWidth,imageHeight);constinitialSize=Math.min(180,Math.max(shortSide*0.

Mr.app·2025-06-25 13:53

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

Spring--IoC与DI

它通过将对象创建和管理的控制权从应用代码转移到Spring容器中，实现了松耦合设计。

FearlessVoyager·2025-06-25 08:49

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

vue2+el-table动态表头，获取对应数据，可直接复制

基于element+vue2实现table表格内容和表头动态化，达到数据动态数据加载需求。

@never°·2025-06-25 07:44

vue2打印el-table表格宽度无法撑满自适应,复制即用

这里为了隐私把图片内容涂马赛克了没修改前：修改后：重要代码，复制即用：@mediaprint{.el-table__header{width:100%!important;border-right:

是小张呀！·2025-06-25 07:42

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

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

夏与冰·2025-06-25 07:42

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

Vue中filter过滤的语法详解与注意事项在Vue.js中，"过滤"通常指两种不同概念：模板过滤器（Vue2特性）和数组过滤（数据过滤）。

步行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

【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

vue-print-nb 打印相关问题

大多数情况下不会打印页眉页脚的日期、网址、未配置popTitle显示的undefined：相关解决代码有注释；3、打印预览页面不显示背景色：相关解决代码有注释；4、客户希望打印预览页面显示登录用户信息水印，前端页面不显示水印：使用vue2

我的心巴·2025-06-24 20:53

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

超简单解决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

推荐频道

vue2迁移到vue3