Как использовать хуки жизненного цикла во Vue

import { onMounted, onUpdated, onUnmounted } from 'vue'

export default {
  setup() {
    onMounted(() => {
      console.log('Компонент смонтирован')
    })

onUpdated(() => {
  console.log('Компонент обновлён')
})

onUnmounted(() => {
  console.log('Компонент демонтирован')
})

Основные хуки:
- `onBeforeMount` - перед монтированием
- `onMounted` - после монтирования
- `onBeforeUpdate` - перед обновлением
- `onUpdated` - после обновления
- `onBeforeUnmount` - перед демонтажем
- `onUnmounted` - после демонтажа

В Options API хуки объявляются как методы компонента:
```js
export default {
  mounted() {
    console.log('Компонент смонтирован')
  }
}