请解释 Vue 中函数式组件的概念，并说明其定义方式和适用场景。

回答思路

1. 【回答框架 1】函数式组件是无状态、无实例的组件，渲染时没有组件实例，因此开销更小。它通过一个简单的渲染函数返回虚拟 DOM，适合作为纯展示型或性能敏感的组件。
2. 【回答框架 2】在 Vue 2 中，函数式组件通过 functional: true 选项或模板中的 functional 属性定义；在 Vue 3 中，推荐使用普通函数组件，即直接导出一个函数，接收 props 和 context 参数。
3. 【回答框架 3】函数式组件不拥有响应式数据、生命周期钩子或 this 上下文，所有数据通过 props 传入，上下文包括 attrs、slots、emit 等。它适用于动态生成复杂结构、列表渲染或需要高渲染性能的场景。
4. 【回答框架 4】使用函数式组件时需注意：由于没有实例，无法使用 ref、生命周期方法等，且调试相对困难；在 Vue 3 中，函数组件的性能优势已不明显，应优先考虑可读性和维护性。
5. 【回答框架 5】从 Vue 3 开始，函数式组件的写法有所变化，更推荐使用普通函数组件或结合 setup 的组件，以利用组合式 API 的优势。
6. 【关键点 1】函数式组件无状态、无实例，渲染开销小。
7. 【关键点 2】Vue 2 通过 functional 选项或模板属性定义，Vue 3 使用普通函数组件。
8. 【关键点 3】适用于纯展示和性能敏感场景，不适用于需要内部状态或生命周期的组件。
9. 【关键点 4】在 Vue 3 中，函数式组件的性能优势较小，应权衡可维护性。
10. 【易错点 1】函数式组件无法使用 this、实例属性和生命周期，容易误用。
11. 【易错点 2】在 Vue 3 中，过度追求函数式组件可能增加理解成本，应优先使用标准组件。