Какие знаешь типы Vue.js компонентов

Vue.js компоненты делятся на несколько типов: 1. **Функциональные компоненты** – без состояния, только пропсы. Быстрые, используются для простых элементов: ```js Vue.component('functional-button', { functional: true, render(h, { props, children }) { return h('button', props, children) } }) ``` 2. **Обычные (Stateful) компоненты** – стандартные компоненты с состоянием, методами, хуками жизненного цикла. 3. **Динамические компоненты** – переключаются через ``. 4. **Асинхронные компоненты** – загружаются лениво: ```js const AsyncComponent = () => ({ component: import('./Component.vue'), loading: LoadingComponent, error: ErrorComponent }) ``` 5. **Рекурсивные компоненты** – вызывают сами себя (обязательно нужно имя компонента и условие остановки). 6. **Компоненты-порталы** (с Vue 3) – рендерят содержимое в другом месте DOM через ``.