vue2迁移到vue3

vue3+qiankun+vite搭建微前端服务

因业务需要搭建一套微前端服务,阅读文档时发现qiankun与vite无法一起使用,需要引入额外插件才可以一起使用,在这里记录下qiankun基座配置1.修改index.html中div的id,并在main.js中修改挂在函数//index.html//main.jscreateApp(App).mount('#qiankunBaseApp')2.main.js启动qiankunimport{reg
LD喂！·2025-06-07 12:28

qiankun.js配置流程及使用过程中遇到的问题分享

我们项目使用的初衷是为了解决一个后台项目的重构问题，因为项目太过庞大，vue2升级vue3选择了重构，希望可以两个项目并行操作，这也就是我们使用qiankun的理由吧。
写代码的小王吧·2025-06-07 11:26

JAVAWeb--前端工程化

1.2前端工程化实现技术栈前端工程化实现的技术栈有很多,我们采用ES6+nodejs+npm+Vite+VUE3+router+pinia+axios+Element-plus组合来实现ECMAScript6VUE3
·2025-06-07 11:55

解决qiankun项目与子应用样式混乱问题

背景qiankun项目用的是Vue2+Antdesign2，但其中一个子应用用的是Vue3+Antdesign4。集成之后发现子应用的样式混乱，渲染的是Antdesign2的样式。
web小奶精·2025-06-07 11:54

qiankun微前端vue3+ts+vite（配置示例）

//主应用main.ts//注册子应用registerMicroApps([{name:'sub_ANALYTICS_APM_SEARCH',entry:'http://localhost:7101/',//子应用地址container:'#sub-container',//子应用挂载容器activeRule:'/controller/#/location=ANALYTICS_APM_SEARCH
湖边看客·2025-06-07 11:54

基于 qiankun + vite + vue3 构建微前端应用实践

核心内容摘要技术栈组合采用Vite+Vue3+Qiankun构建微前端架构主应用和子应用独立开发部署，通过Qiankun集成2.主应用关键配置通过registerMicroApps注册子应用，配置路由匹配规则
MINO吖·2025-06-07 11:53

vue3+ts+vite：详细、完整的 tsconfig.json 示例 / 常见配置项及其用途

一、tsconfig.json示例{"compilerOptions":{//1.编译目标与模块系统"target":"ES2020",//指定编译后的JavaScript版本为ES2020"module":"ESNext",//指定模块系统为ESNext（支持动态导入等）"moduleResolution":"node",//模块解析策略为Node.js风格（兼容npm包）//2.严格类型检查"
·2025-06-07 05:40

Vite-Vue3-Admin 项目教程

Vite-Vue3-Admin项目教程vite-vue3-admin基于vite4.x+vue3.x+ant-design-vue3.x+typescripthooks的基础后台管理系统模板RBAC的权限系统项目地址
史淳莹Deirdre·2025-06-07 03:00

Vue 表单设置实战：实现动态开关和交互式周期功能」 「手把手教你用 Vue 构建动态表单 - 实现开关控制和周期切换」 「前端新手友好：Vue2 表单项目完整实战教程」 「Vue 实战项目：一步步构

效果图以下是关于这段代码的详细新手入门博客教程，让我们一步步了解如何实现一个交互式表单设置界面，使用Vue2实现动态显示和切换逻辑。这篇教程的目录以及多个吸引力标题建议也会在最后给出。
南北极之间·2025-06-07 03:56

vue父子组件传值之$parent、$children、$refs

本示例基于vue2+element-ui，介绍vue中$parent、$children、$refs关于父子组件传值的用法。
小约翰仓鼠·2025-06-07 02:25

vue3子组件获取并修改父组件的值

在子组件中，父组件传递来的prop是只读的，但是确实有修改的需求，故此做个小小研究//父组件使用模版：@update:xxx="dialogVisible=$event"//子组件使用模版//constemits=defineEmits(['update:xxx']);//emits('update:xxx',false)//父组件//:dialogVisible="dialogVisible"向
小约翰仓鼠·2025-06-07 02:25

element-ui vue2【体验优化】

type=number美化某些情况我们需要设置el-input的type=‘number’，会有上下箭头，很丑：美化代码如下：//隐藏type=number箭头.el-input__inner::-webkit-outer-spin-button,.el-input__inner::-webkit-inner-spin-button{-webkit-appearance:none;}
前端没钱·2025-06-07 02:53

vue2项目实现扫描条形码和二维码功能

说明：不支持http环境，仅支持https和本地localhost环境使用@zxing/library库实现支持条形码和二维码安装npminstall--savewebrtc-adapternpminstall--save@zxing/library完整代码//WebRTC适配器只需要引入就okimport'webrtc-adapter'import{BrowserMultiFormatReade
H_HX126·2025-06-07 02:53

宝马集团加速 ERP 转型和上云之旅

该项目以“RISEwithSAPS/4HANACloudPrivateEdition”为核心，结合SAP的“迁移工厂”方法，旨在高效、安全地将本地ERP系统迁移到云端，打造面向未来的数字化平台。
syounger·2025-06-07 00:37

vue2 项目中 npm run dev 运行98% after emitting CopyPlugin 卡死

今天在运行项目时，发现如下问题：开始以为是node_modules依赖的问题，于是重新npminstall，重启项目后还是未解决。在网上找了一圈发现有人说是require引入图片地址没有写。在我的项目中排查没有这个问题，最后发现某个vue文件中import引入地址为空：注释掉这行空的引用，重新启动，完成！
Jadon_z·2025-06-06 22:55

安卓→鸿蒙迁移实战：3步重构消息提示，解锁跨设备协同黑科技！

摘要本文通过一个登录失败提示的实战场景，演示如何将安卓应用的核心功能迁移到鸿蒙系统。
前端世界·2025-06-06 22:49

F5 GSLB 最佳实践：如何手动将Wide IP 故障转移到另一个数据中心

下面简要介绍如何手动将WideIP（用于DNS负载均衡）故障转移到另一个数据中心，并提供一些最佳实践。
云攀登者-望正茂·2025-06-06 20:04

vue3 el-table表头样式（背景颜色，字体颜色）

如果不加!important，可能导致样式不生效1、统一更改表头样式2、自定义各个列表头样式//修改tableheadercell的背景色consttableHeaderCellStyle=({row,column,rowIndex,columnIndex})=>{if(rowIndex===0){//第一行（表头）//第一列和第二列，背景颜色改为pinkif(columnIndex==1||co
Momoly08·2025-06-06 18:21

一篇文章理解Source-Free Domain Adaptation（SFDA）

UnsupervisedDomainAdaptation→Source-FreeDomainAdaptation的顺序进行讲解一、迁移学习（TransferLearning）：解决“知识搬家”的问题学术视角：迁移学习的目标是：将一个领域中学到的知识迁移到另一个不同但相关的领域中
2501_92336788·2025-06-06 15:32

用Vue3和Plotly.js绘制交互式3D烛形图

本文由ScriptEcho平台提供技术支持项目地址：传送门Plotly.js实现交互式K线图应用场景K线图广泛应用于金融领域，用于展示股票、外汇等金融产品的价格走势。它直观地呈现了开盘价、收盘价、最高价和最低价等信息，帮助投资者分析市场趋势和做出交易决策。基本功能本代码使用Plotly.js库创建了一张交互式的K线图，具有以下基本功能：**数据可视化：**绘制K线，显示股票价格的开盘价、收盘价、最
ScriptEcho·2025-06-06 13:49

用Vue3和Plotly.js绘制交互式3D小提琴图

本文由ScriptEcho平台提供技术支持项目地址：传送门Vue中使用Plotly.js创建小提琴图应用场景介绍小提琴图是一种统计图，用于显示数据的分布和中心趋势。它结合了箱线图和密度图的特点，可以直观地展示数据的分散性和形状。代码基本功能介绍此代码使用Vue和Plotly.js库在Vue应用程序中创建一个小提琴图。它加载必要的JavaScript库，从CSV文件中读取数据，并使用Plotly.j
ScriptEcho·2025-06-06 13:19

element-vue3-admin用router.push跳转新页面并刷新新页面

element-vue3-admin用router.push跳转新页面并刷新新页面方法一：使用key属性强制刷新1.首先在invex.vue页面加上router-view标签对2.然后在add.vue页面加入如下代码方法二
大叔是90后大叔·2025-06-06 12:42

十三、【核心功能篇】测试计划管理：组织和编排测试用例

TestPlan`模型2.生成并应用数据库迁移3.创建`TestPlanSerializer`4.创建`TestPlanViewSet`5.注册路由6.注册到DjangoAdmin第二部分：前端实现(Vue3
blues_C·2025-06-06 08:13

DeepSeek 助力 Vue3 开发：打造丝滑的日历(Calendar)，日历_运动计划日历示例（CalendarView01_17）

创作不易，如果能帮助到大家或者给大家一些灵感和启发，欢迎收藏+关注哦目录DeepSeek助力Vue3开发：打造丝滑的日历(Calendar)，日历_运动计划日历示例（CalendarView01_17）
宝码香车·2025-06-06 06:33

DeepSeek 助力 Vue3 开发：打造丝滑的日历(Calendar)，日历_倒班排班日历示例（CalendarView01_16）

创作不易，如果能帮助到大家或者给大家一些灵感和启发，欢迎收藏+关注哦目录DeepSeek助力Vue3开发：打造丝滑的日历(Calendar)，日历_倒班排班日历示例（CalendarView01_16）
宝码香车·2025-06-06 06:03

DeepSeek 助力 Vue3 开发：打造丝滑的日历(Calendar)，日历_日历心情记录示例（CalendarView01_13）

创作不易，如果能帮助到大家或者给大家一些灵感和启发，欢迎收藏+关注哦目录DeepSeek助力Vue3开发：打造丝滑的日历(Calendar)，日历_日历心情记录示例（CalendarView01_13）
宝码香车·2025-06-06 06:33

DeepSeek 助力 Vue3 开发：打造丝滑的日历(Calendar)，日历_自定义当前日期示例（CalendarView01_10）

创作不易，如果能帮助到大家或者给大家一些灵感和启发，欢迎收藏+关注哦目录DeepSeek助力Vue3开发：打造丝滑的日历(Calendar)，日历_自定义当前日期示例（CalendarView01_10
宝码香车·2025-06-06 06:33

DeepSeek 助力 Vue3 开发：打造丝滑的表格（Table）之添加行拖拽排序功能示例11，TableView16_11 拖拽与行编辑结合示例

创作不易，如果能帮助到大家或者给大家一些灵感和启发，欢迎收藏+关注哦目录DeepSeek助力Vue3开发：打造丝滑的表格（Table）之添加行拖拽排序功能示例11，TableView16_11拖拽与行编辑结合示例前言页面效果组件代码代码测试测试代码正常跑通
宝码香车·2025-06-06 06:33

微信小程序前端面经

一、技术栈与编码能力（10min）1.Vue3&CompositionAPIQ1：请解释一下ref和reactive的区别？你在项目中是如何使用的？
Nueuis·2025-06-06 04:20

Vue3 el-switch @change事件在初始化时会自动调用问题处理的几种方法

//方法一1、把@change事件改成使用before-change2、before-change它的描述是switch状态改变前的钩子,返回false或者返回Promise且被reject则停止切换api中使用类型是boolean/function，function对应写成()=>Promise:before-change="()=>checkState(item)"//tip：这种方法实际上我
Jinxiansen0211·2025-06-06 02:08

vue2 - 解决elementUI使用el-radio单选组件报错 Blocked aria-hidden on an element because its descendant retained

问题说明在vue2+element-ui项目开发中，使用Radio单选组件el-radio浏览器控制台报错：Blockedaria-hiddenonanelementbecauseitsdescendantretainedfocus.Thefocusmustnotbehiddenfromassistivetechnologyusers
十一猫咪爱养鱼·2025-06-05 17:03

vue3+elementplus表格表头加图标及文字提示

表头加自定义内容有很多种方法，包括使用el-icon，插槽，CSS伪元素添加图标还有font-awesome等等。一、方法一：使用render-header属性{return({column.label})}">二、方法2：使用插槽年龄三、方法3：通过CSS伪元素添加图标/*在特定列后添加图标*/.el-table__headerth:nth-child(3).cell::after{conten
啊～哈·2025-06-05 16:56

Vue2 + ElementUI使用注意事项

一、序最近有个项目使用的框架是vue2+ElementUI的，以此博客记录下碰到的坑点，避免下次踩坑。
十年小站·2025-06-05 14:43

vue3制作第三方网页流程

刚入职公司两个月让我做一个三方网页出来，还是后台管理系统内部页面，一开始感觉脑袋疼没有思路（小菜鸡一个），后来问大神上网查资料刚有点头绪，服务器崩了用不了一点，主管有在催促，怎么办呢？硬着头皮盲写，总得来说波折挺多，但是好歹最后还是完成了。（长舒一口气）接下来总结一下这几天来的经历（其实挺简单的，但是之前没接触过，所以感觉头很大）、一、路由拆分首先拆分需要做成三方页面的路由放在最外层{name:"
啊～哈·2025-06-05 13:12

深入了解Vue2和Vue3的响应式原理

vue2中的响应式原理:vue2中是通过Object.definePr
超级无敌大蟑王·2025-06-05 13:39

Vue前端篇——Vue 3的watch深度解析

本文将通过实际代码示例，深入讲解Vue3中watch的使用方法和适用场景，帮助你更好地理解和掌握这一重要功能。一、watch的基本作用watch的主要作用是监视响应式数据的变化。
小二爱编程··2025-06-05 13:08

【前端】vue3性能优化方案

以下是Vue3性能优化的系统性方案，结合核心优化策略与实用技巧，覆盖渲染、响应式、加载、代码等多个维度：⚙️一、渲染优化精准控制渲染范围v-ifvsv-show：v-if：条件为假时销毁DOM，适合低频切换场景
Fly-ping·2025-06-05 12:30

Windows Server部署Vue3+Spring Boot项目

在WindowsServer上部署Vue3+SpringBoot前后端分离项目的详细步骤如下：一、环境准备安装JDK17+下载JDKMSI安装包（如OracleJDK或OpenJDK）双击安装，配置环境变量
BillKu·2025-06-05 06:50

Vue3 - 响应式工具函数（使用教程）

Vue3为响应式提供了一些工具函数，辅助开发：API说明isRef()检查某个值是否为ref。
王二红·2025-06-05 06:18

Vue3 组合式函数

文章目录一、概述1.1概念解答1.2核心知识概述1.3与Mixin对比三、灵活性四、案例五、异步状态六、接收响应式状态一、概述1.1概念解答官方给出的解释：“组合式函数”(Composables)是一个利用Vue的组合式API来封装和复用有状态逻辑的函数。有状态の逻辑有状态の逻辑负责管理随着时间而变化的状态。在项目开发过程中，如：触摸手势、数据库的连接状态这些功能的实现。无状态の逻辑在接收一些参数
MagnumHou·2025-06-05 06:47

关于vue—cli创建vue3项目引入element plus 按需引入方式的记录

虽然说工作中一直使用的vue2但是在空闲之余也学习学习vue3，在断断续续的学习中，打算用element框架，但是在按需引入的时候频频报错，如果不按需引入全局引入的话又导致项目体积过大，后在查阅相关资料之后顺利的解决
TuanZi Only·2025-06-05 03:27

qiankun在vue3 vue2 为主应用 ，vue3+vite为子应用 使用

https://gitee.com/qiaoyongli/qiankun.git1.vue2的主应用（1）引入乾坤包npminstallqiankun-S（2）main.js代码如下importVuefrom"vue
！执行·2025-06-05 01:40

使用 Vue3 + Webpack 和 Vue3 + Vite 实现微前端架构（基于 Qiankun）

本文将详细介绍如何使用Vue3+Webpack作为主项目，Vue3+Vite作为子项目，并通过Qiankun实现微前端架构。主项目配置（Vue3+Webpack）主项目是整个微前端架构的核心，它负
指尖上的 Web·2025-06-05 01:40

vue3+ts+vite+qiankun项目配置及部署

#微前端##应用间资源共享##敏捷开发#qiankun部署项目描述主应用:vue3+ts+vite+qiankun微应用:vue3+ts+vite+qiankun路由模式都是History乾坤插件:主应用
法海站如来·2025-06-05 01:40

qiankun微前端——接入子应用Vue3+vite实现

qiankun：乾坤微前端框架什么是微前端Techniques,strategiesandrecipesforbuildingamodernwebappwithmultipleteamsthatcanshipfeaturesindependently.–MicroFrontends微前端是一种多个团队通过独立发布功能的方式来共同构建现代化web应用的技术手段及方法策略。微前端架构旨在解决单体应用在
三行代码解决·2025-06-05 01:09

Git & Gitlab 使用指南

Git&Gitlab使用指南去年小组在从SVN和TFS迁移到Git的过程中整理了这份文档，面向的用户是对Git和SVN可能都不是很了解的人。
慕筱技术进阶日志·2025-06-05 00:02

构建工具vite详解

前言Vite是新一代的前端构建工具，在尤雨溪开发Vue3.0的时候诞生。类似于Webpack+Webpack-dev-server。
简单灬爱·2025-06-04 23:56

后台管理系统八股

项⽬地址：https://github.com/Xiaodie-888/Frontend.git前端https://github.com/Xiaodie-888/backend.git后端技术栈：Vue3
Xiao_die888·2025-06-04 23:23

VUE组件库开发 八股

VUE中后台组件库开发项⽬地址：https://github.com/Xiaodie-888/element.git项⽬描述：基于Vue3+TypeScript开发的轻量级组件库，采⽤CompositionAPI
Xiao_die888·2025-06-04 23:53

npm run build (!) Some chunks are larger than 500 kB after minification. Consider:

说明：这里用的vue3,具体版本是："vue":"^3.3.10"1.解决办法找到vite.config.js文件在exportdefaultdefineConfig内加入build代码build:{chunkSizeWarningLimit
weixin_41934979·2025-06-04 21:39
上一页 13 14 15 16 17 18 19 20 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他