Какими функциями фреймворка Vue воспользовался для проекта

«Какими функциями фреймворка Vue воспользовался для проекта» — вопрос из категории Vue, который задают на 10% собеседований Frontend Разработчик. Ниже — развёрнутый ответ с разбором ключевых моментов.

Ответ

В проектах с Vue чаще всего использую:

  1. Компоненты - основа архитектуры, разбиваю интерфейс на переиспользуемые блоки
<template>
  <Button @click="handleClick">Click me</Button>
</template>
  1. Директивы - v-if, v-for, v-bind для реактивного рендеринга
<li v-for="item in items" :key="item.id">{{ item.name }}</li>
  1. Composition API (в новых проектах) - логику выношу в отдельные функции
const { data, loading } = useFetch('/api/data')
  1. Vuex/Pinia - для управления состоянием приложения
  2. Vue Router - навигация между страницами
  3. Slots - для гибких компонентов
  4. Миксины/Композаблы - для повторного использования логики

Особенно активно применяю computed-свойства для производных данных и watch для реактивности. В сложных формах использую v-model с кастомными модификаторами.