【易错求解】项目如何快速从 vue2 升级 vue3？

  • Z时代
  • 2024-03-01
  • 分类：IT

题目描述

目前项目是 Vue2 版本，希望升级到 Vue3。有什么便捷的方法吗？
有如下多种项目

  1. 基础组件（可以理解社区已经做了，elementui 升级 element-plus）
  2. 业务组件库（内部包，支持按需，几个个业务相关的组件）
    体积小（单文件 10k±）如 user-select 和 users 等等
  3. 业务功能组件（内部包，独立发包，个位数业务相关的组件）
    体积大（单文件 200k±）如 framework、message-center 等等
  4. 项目（单独部署、组合引用部署、微前端部署，几十个项目）
    维护时间长（3年+）关联项目多。如 devcloud、pipeline 等等

题目来源及自己的思路

来源于工作中实际项目。需要考虑成本、周期等因素。提供了一个表格可以从多个方向分析

方案适用场景前端成本（时间+人力（短长））测试成本（时间+人力）（短长）兼容性（差好）过渡期双版本支持（易难）
用 vue3 重写基础组件、业务组件5555

相关代码

无

你期待的结果是什么？实际看到的错误信息又是什么？

期待一个时间短、效率高、稳定性强的方案。

本文参与了SegmentFault 思否面试闯关挑战赛，欢迎正在阅读的你也加入。

回答：

实际升级了一个：
vite4+vue3+ts，发现语法问题比较根深蒂固，基本上所有插件都无法使用，elementui组件需要同步更新，更新后发现很多组件语法配置都有变化，升级成本较高。
换成了vite4+vue3+js，大部分插件能用，但是没有ui组件适配的，唯一的了elementplus，官方示例全部是ts版，用起来比较费劲。

以上是 【易错求解】项目如何快速从 vue2 升级 vue3？ 的全部内容， 来源链接： utcz.com/p/933816.html

回到顶部