What are Functional Components in Vue 3 and when should they be used?

Functional components are stateless components that are rendered as plain functions rather than objects.

In Vue 3, the performance difference between functional and stateful components has been significantly reduced, making functional components less necessary than in Vue 2. They are essentially functions that receive props and context and return VNodes. They have no this instance, no lifecycle hooks, and no internal state.