Vite + Vue3 中后台工程化组合
· 阅读需 2 分钟
2023 年如果重新起一个中后台项目,Vite + Vue3 基本已经成为一套很自然的默认选项。它吸引人的地方不是“新”,而是它把前端工程化里几件原本很磨人的事都往前推了一步。
2023 年如果重新起一个中后台项目,Vite + Vue3 基本已经成为一套很自然的默认选项。它吸引人的地方不是“新”,而是它把前端工程化里几件原本很磨人的事都往前推了一步。
Vue3 推出 composable 之后,很多原本散落在组件里的逻辑终于有了更自然的抽离方式。但用得久了我越来越觉得,composable 最大的风险不是不好复用,而是“什么都想塞进去”,最后边界比 mixin 时代还模糊。
Vue3 在 2021 年开始真正进入团队视野时,很多项目都会顺手把 Script Setup 和 TypeScript 一起引进来。原因也很现实: 写法更短,类型提示更好,组件逻辑组织起来也更自然。
Vue3 上手一段时间后,很多人都会说一句“组合式 API 更自由了”。这句话没错,但自由的另一面是,响应式 bug 也更容易藏起来了。
2021 年如果还在做前端,几乎不可能绕开 Vue3。真正让大家开始认真讨论它的,不只是性能,而是组合式 API 终于给复杂页面的逻辑组织带来了一种更顺手的写法。
Vue3 推出组合式 API 以后,团队很容易迅速进入“什么都抽成 composable”的阶段。它确实解决了 Options API 里逻辑分散的问题,但抽法不对,同样会让页面越来越难懂。