Vue 的功能组件（Functional Components）是一种特殊的组件类型，与常规组件有一些区别。功能组件的主要特点是它们是无状态（stateless）的，意味着它们不维护自己的状态（data），也没有实例生命周期方法（created、mounted等）。
功能组件的目标是提供一种更轻量级的组件，因为它们不会被实例化，也不会在VNode更新时触发额外的开销。它们更适用于一些简单的展示型组件，而不是那些需要状态管理和生命周期方法的复杂组件。
创建一个功能组件可以使用 functional 选项，或者使用 .functional 修饰符。以下是两种创建功能组件的方式：
// 使用 functional 选项
Vue.component('my-functional-component', {
functional: true,
render(h, context) {
return h('div', 'I am a functional component');
}
});
// 使用 .functional 修饰符
Vue.component('my-functional-component', {
functional: true,
render: (h, context) => h('div', 'I am a functional component')
});
注意几点关于功能组件的特性：
无实例： 功能组件没有实例，因此无法通过
this访问实例属性和方法。无状态： 功能组件没有状态（data），只能通过
context.props、context.children、context.slots和context.parent来访问数据。无生命周期方法： 不能使用常规组件的生命周期方法（created、mounted等）。
更轻量： 由于没有实例和生命周期方法，功能组件的渲染开销较小，适用于简单的展示性组件。
渲染函数： 功能组件使用
render函数来定义它们的渲染逻辑。
功能组件适用于那些不需要维护状态、不需要响应式行为、只关注渲染的简单组件。在一些性能敏感的场景中，使用功能组件可以减少渲染的开销，提高性能。
