在 Vue 中，组件的 data 选项为什么必须是一个函数，而不能是一个普通对象？

回答思路

1. 【回答框架 1】Vue 组件是可复用的 Vue 实例，一个组件定义会被用于创建多个实例。若 data 是普通对象，那么所有实例会共享同一个数据对象，导致一个实例修改数据会影响到其他实例，造成数据污染。
2. 【回答框架 2】使用函数形式的 data 返回全新对象，每次组件实例化时都会执行 data 函数，产生独立的数据副本，确保每个实例拥有独立的 data 状态，实现实例间的数据隔离。
3. 【回答框架 3】在 Vue 内部，组件在初始化时会对 data 选项进行处理，若为函数则调用执行并校验返回对象，若为对象则可能发出警告（开发环境）。Vue 2 中根实例 data 允许为对象，但组件 data 必须为函数，Vue 3 也沿用这一设计。
4. 【回答框架 4】这种设计符合组件复用的原则，避免了复杂组件树中的共享状态问题，提高了组件的独立性和可维护性。
5. 【关键点 1】组件 data 必须是函数，返回独立数据对象，防止实例间共享状态。
6. 【关键点 2】每次创建组件实例时，data 函数都会重新执行，产生新对象。
7. 【关键点 3】Vue 根实例的 data 可以为对象，但组件 data 必须为函数。
8. 【易错点 1】不要误认为 data 函数是因为响应式系统需要才如此设计，核心是为了实例隔离。
9. 【易错点 2】不要忽略 Vue 3 中对 data 返回对象只允许普通对象，不能有其他类型的限制。