把页面拆成可维护的零件

组件、状态和路由,让复杂后台不再是一张巨页。

Vue 和 React 解决的不是“能不能画出按钮”,而是按钮、表格、抽屉、筛选器同时变化时,代码还能不能读。它们让界面跟着数据走,而不是靠手动改节点碰运气。

组件边界

搜索区、表格、分页、抽屉各管各的输入和展示。边界清楚,改一处筛选才不会误伤提交按钮。

状态

页面上看得见的,都该来自状态。来回改 DOM 而不改数据,刷新一次就会露出马脚。

路由

不同 URL 对应不同页面状态。返回、刷新、分享链接,都依赖路由把现场还原出来。

生命周期

创建、更新、销毁时要申请和释放资源。定时器和监听忘了摘掉,页面离开后仍会在后台闹事。

构建链路

开发时热更新,上线前打包压缩。环境变量、公共路径和代理配错,本地正常、生产空白是常见结局。