TypeScript із Vue
Підтримка TypeScript у Vue 3, defineComponent, PropType, type inference, generic components, strict mode
1Яка основна роль defineComponent у Vue 3 з TypeScript?
Яка основна роль defineComponent у Vue 3 з TypeScript?
Відповідь
defineComponent вмикає type inference TypeScript для опцій компонента. Без цієї функції контекст this в Options API трактувався б як any. Вона гарантує, що props, data, computed та методи автоматично отримують правильні типи.
2Чому варто використовувати PropType під час оголошення складних props із runtime declaration?
Чому варто використовувати PropType під час оголошення складних props із runtime declaration?
Відповідь
PropType — це utility type Vue, який дозволяє приводити типи props під час runtime-оголошення. Object as PropType Book гарантує, що book правильно типізується як Book замість загального Object. Це покращує автодоповнення та безпеку типів без потреби в script setup із generic types.
3У чому різниця між script setup та script setup із lang='ts' для type inference?
У чому різниця між script setup та script setup із lang='ts' для type inference?
Відповідь
script setup із lang='ts' вмикає TypeScript і дозволяє автоматичну type inference без defineComponent. Props, оголошені через defineProps, типізуються автоматично, refs мають повну inference, а помилки TypeScript виявляються під час компіляції. Без lang='ts' жодної перевірки типів не виконується.
Як правильно типізувати ref, який спочатку може бути null у TypeScript?
Яка основна перевага generic-компонентів зі script setup generic у Vue 3.3+?
+19 питань зі співбесід
Інші теми співбесід Vue.js / Nuxt.js
Основи JavaScript
Сучасний JavaScript (ES6+)
Основи Vue
Компоненти Vue
Vue Router
Pinia State Management
Vuex (Legacy)
Composition API
Реактивність Vue
Основи Nuxt
Отримання даних у Nuxt
SSR і SSG у Nuxt
Серверні маршрути Nuxt
Модулі Nuxt
Composables у Vue
Форми та валідація Vue
Керування станом у Nuxt
Тестування Vue
Розгортання Nuxt та CI/CD
Продуктивність Vue
Просунуті патерни Vue
Автентифікація Nuxt
SEO з Nuxt
Інтернаціоналізація Nuxt
Архітектура Vue
Безпека Nuxt
Екосистема Vue
Міграція Vue 2→3 та Nuxt 2→3
Опануй Vue.js / Nuxt.js для наступної співбесіди
Отримай доступ до всіх питань, flashcards, технічних тестів, вправ code review та симуляторів співбесід.
Почни безкоштовно