升级 Vue3, 开发体验非常糟糕

[weijancc]

我的个人项目之前用的 Vue2, 很多组件都停止维护了, 项目还要维护很久, 不得不升级 Vue3, 我就在清明假期间进行了升级, 由于 Vue3 不向下兼容, 花了大量时间迁移旧语法和旧组件, 而最重要的开发体验:

1. 无论是 webstorm 还是 vscode 官方插件, 都无法完美支持 Vue3, 开发过程经常没有提示, 非常痛苦.
2. Vue 官方的 VS Code 插件非常卡, 而且经常进入死循环, 必须重启, 在 win 本时散热疯狂响, 不知道的还以为我在玩 3A 游戏.

为了方便以后维护, 用上了 Typescript+Composition API, 比起选项 API, 代码结构确实优雅了很多, 但我一看这代码, 这不是 React 吗? 除了 v-if 条件渲染方便, 其他方面真感觉没 React 好用.

Vue2 现在每周下载量其实还是大于 Vue3 的, 但现在被标记成废弃, 看不到下载量了(总下载量-Vue3 下载量可得 Vue2 下载量), 最搞的是 Vue1 反而还在


Vue2 给国内大小公司都带来了前端工程化, 挺伟大的, 但为了强迫升级 Vue3, 把别人的商业项目当闹着玩的, 真的糟糕, 如果用上了组合 API, 建议新项目还是用 React 吧, 用迷你版 React 不如用正版.

各位前端 er, 你们项目在用什么框架呢?

[dayeye2006199]

今年是哪年？

[43n5Z6GyW39943pj]

@mipawn 目测是 element-plus 补全的 table select 虚拟组件,解决大量数据卡顿问题

[weijancc]

@FlyingDough npm 上把 vue2 给废弃了, 没有入口了, 意味着以后你打开一个老项目, 想在 npm 看 vue2 只能自己拼接链接进入, 对商业项目来说这就是一个隐患.

[weijancc]

@mipawn @MorJS 我之前 vue2 和现在 vue3 用的表格组件都是闭源的, vue2 用的 umy-table, 无法自己改源码, 只能升级, 现在用的就不透露了, 我的场景比较特殊, 是在 electron webview, 有性能问题, 大部分虚拟表格滚动时会闪烁.

[MiketsuSmasher]

我想了一下，把楼主的话里面的 Vue 换成 Python 似乎也没什么问题（

[jiayouzl]

@NatsumeXavier 楼主 GitHub 我看了下,2.3K 项目 1 个,1K 项目 1 个,你比他牛吗?

[roundgis]

我用 webstorm 寫 vue3 並沒有問題

[DOLLOR]

@shuimugan
Angular1：果然人都是健忘的

[wpzz]

升级 vue3 是因为项目表格组件渲染大数据时效果不好(已经用了最强虚拟滚动表格组件), 而 vue3 的某个表格组件解决了这个痛点.


解决这个大数据渲染，不比解决 break 升级带来的各种问题，要简单嘛

[ugpu]

威优易

[jsq2627]

对比之下，这么说 react 从 class component 迁移到 hooks 的过程，比 angular 1->2 / vue 2->3 成功太多了。

[xubingok]

webstorm 2023.3.2
vue 3.2.33
未使用 ts.
无任何问题...

抛开语法,概念之类的的,其实你的问题 1 和问题 2 反而是 IDE 的问题,这种问题吧.99.9999%是你自己的问题.真的.
2024 年了,大家都在用,真有这么大的问题早就炸了...

[weijancc]

@xubingok #52 后续试试用 webstorm, 只是从 npm 下载量来看, vue3 并没有成为主流, 这已经反映了一点东西.

[binaryify]

1. 新项目用 vue3 很舒服,特别是配合 nuxt 3
2. vscode 那个 vue 插件确实有 bug,消耗很多性能

[nexo]

vue3 的设计就是老奶奶的裹脚布 写了一年了依然想吐槽

[rick13]

我前段时间还看到有招聘指明了招写 vue2 的

[styleyuan5]

@abelmakihara #3 😂确实

[bojackhorseman]

vue2 不要强上 vue3 ，直接升到 2.7 就行了。新项目再用 3 吧。

[dolorain]

vue3 不配升，等 vue4

[aikilan]

如果这种某个组件或者某个依赖的性能不好就要升级技术栈架构的话，那确实不建议楼主这么做，迭代过程中除了 break change 的问题以外，最重要的还是"回归成本"问题，很可能带来意料之外的 BUG 。
当然如果楼主的项目对于线上问题的容错率比较高的话，又只是想借这个机会升级技术栈那就无可厚非了。