Какие знаешь хуки во Vue3

Vue3 предоставляет Composition API с набором хуков (hooks), которые позволяют организовать логику компонента более гибко. Основные хуки:

1. ref - реактивная ссылка на примитивное значение

const count = ref(0)

2. reactive - реактивный объект

const state = reactive({ count: 0 })

3. computed - вычисляемое свойство

const double = computed(() => count.value * 2)

4. watch и watchEffect - отслеживание изменений

watch(count, (newVal) => console.log(newVal))
watchEffect(() => console.log(count.value))

5. onMounted, onUpdated, onUnmounted - хуки жизненного цикла

onMounted(() => console.log('Component mounted'))

6. provide/inject - передача данных через дерево компонентов

provide('key', value)
const value = inject('key')

7. useSlots, useAttrs - работа со слотами и атрибутами

Эти хуки позволяют организовать логику компонента в виде композируемых функций.