vue中函数,vue function,vue functional,vue 组件调用方法,vue3 h函数,vue组件实现
Vue 3.0 函数式组件是一种更轻量级的组件类型，它们只是一个函数，而不是一个对象。这意味着它们没有状态或实例，并且仅通过它们的 props 来接收数据。由于它们没有状态，所以渲染它们的过程比其他组件更快。

下面是一个简单的 Vue 3.0 函数式组件的示例：

vue
<template functional>
<div class="my-component">{{ props.message }}</div>
</template>

<script>
export default {
name: 'MyComponent',
props: ['message']
}
</script>


在这个示例中，我们定义了一个名为 MyComponent 的函数式组件。它只有一个 props 属性，message。在模板中，我们将该属性插入到一个 div 元素中，并将其显示出来。

由于函数式组件没有实例，它们需要在模板中使用 functional 关键字进行声明。此外，props 不再使用 props 选项进行定义，而是直接声明为函数的参数列表。