第十章｜Vue 2 的连续维护与迁移
维护旧页面时，第一步是知道当前程序怎样工作。本章从实例与 Options API 开始，在 Vue 2 原运行时里修改状态、组件、生命周期、共享存储与路由，再讨论 2.6/2.7 差异和迁移。它可以作为接手 Vue 2 存量代码的连续阅读入口，不要求先把代码组织换成 Composition API。
阅读前需要什么
需要 JavaScript 对象、普通函数与 this、数组、Promise，以及 HTML 输入事件；这些语言知识可回到 JavaScript 笔记。实例、选项、组件事件和 Vue 2 的更新机制在本章正式解释。最后一篇迁移需要前九章的现代基础，届时再回访现代运行环境、组件契约与生命周期。
这一章怎样连起来
先从一份可运行的 options 对象找到状态，再通过缓存遗漏观察响应式边界。组件把状态划成输入和输出，生命周期确定外部资源何时结束。Vuex 与 Router 将同样的归属、任务身份和失败规则扩展到共享状态与导航。最后分开运行版本、API 风格和编译工具，才有足够依据安排迁移。
阅读顺序
- 实例与 Options API：从 new Vue、data 和 this 开始，观察 computed 缓存、watch 队列和实例隔离。
- 响应式限制与异步观察：修复新增属性、数组写入和旧任务回写，说明深度观察与快照的区别。
- 组件通信契约：维护 props、v-model、插槽、属性监听器转发与注入引用。
- 生命周期与复用：通过挂载、停用和销毁管理资源，理解 mixin 合并、指令与插件范围。
- Vuex 3 维护：追踪命名空间、提交与等待，处理失败、取消、订阅和动态模块。
- Router 3 维护：连接参数复用、next 守卫、导航中断和页面数据加载。
- 2.6、2.7 与工具链：实测回移的响应式边界，再判断运行时和编译器配套。
- 维护之后迁移：在原生 Vue 2/Vue 3 两端保持 Options 写法，验证状态和资源合同，再选择组织方式。
第一篇创建独立实验目录；Node .cjs 和浏览器 HTML 各自标明入口。浏览器模板使用安装包的完整构建，不把 .vue 编译交给尚未建立的工具链。现代依赖和旧依赖放在不同目录，避免为了学习改坏原项目的运行环境。
读完后能做什么
可以在 Vue 2 原项目里修改输入、修复缓存未更新、分类导航失败，并验证隐藏或销毁后资源是否停止。面对旧代码，不再只查一个 API 的新名字，而能解释它原来的输入、时序、状态归属和结束条件。迁移实验再用相同事件比较两个运行时，并明确哪些第三方组件和构建环境还需要单独验证。
先完成各篇题目，再对照本章答案。已有七个旧版本 URL 继续保留为迁移与专题回访，它们用于深入比较特定差异；原版本的连续基础从本章开始。