vue3 函数式组件

Vue 3 中的函数式组件是一种优化技术，它可以减少组件实例化时的开销，特别是在需要大量渲染相同结构的组件时。函数式组件是无状态的，只接受 props 作为参数并返回渲染结果。

函数式组件的定义方式如下：

const MyFunctionalComponent = (props, context) => {
  // 函数体
}

其中，props 是传入组件的属性，context 是一个上下文对象，包含了一些有用的属性和方法，例如 attrs、slots、emit 等。

函数式组件的模板语法与普通组件相同，可以使用插槽、计算属性等特性。但是，由于函数式组件没有实例，因此无法使用生命周期钩子函数。