Встречается на собеседованиях • сегодня

Какие знаешь несовместимости при переходе с Vuе 2 на Vue 3

Основные несовместимости при переходе с Vue 2 на Vue 3:

  1. API Options → Composition API
    Vue 3 сохраняет обратную совместимость с Options API, но рекомендуется использовать Composition API. Например:
    js
    // Vue 2
    export default {
      data() { return { count: 0 } },
      methods: { increment() { this.count++ } }
    }
    
    // Vue 3 (Composition)
    import { ref } from 'vue'
    export default {
      setup() {
        const count = ref(0)
        const increment = () => count.value++
        return { count, increment }
      }
    }
  1. Изменения в v-model
    В Vue 3 v-model заменяет .sync, и можно использовать несколько v-model на компоненте.

  2. Удаление фильтров (filters)
    Фильтры (| uppercase) удалены — используйте методы или computed.

  3. Изменения в Events API
    $on, $off, $once удалены — используйте внешние библиотеки (mitt) или Composition API.

  4. Глобальные API
    Глобальные Vue API (Vue.nextTick, Vue.set) теперь доступны через импорты:

    js
    import { nextTick } from 'vue'
  5. Функциональные компоненты
    Теперь только через обычные компоненты (без functional: true).

  6. Изменения в KeyCodes
    Поддержка v-on:keyup.13 удалена — используйте названия (keyup.enter).

Перед миграцией используйте официальный миграционный сборник и @vue/compat для постепенного перехода.

Sophi
Софи собрала все вопросы. Тренируйся и получай
офферы быстрее!
Попробовать бесплатноArrow

Следующий вопрос

Это единственный вопрос по вашему фильтру

как отвечать на вопрос
пример собеседования
фреймворки на собеседовании
типичные вопросы junior
интервью вопросы и ответы