Question 1

Qual è il ruolo principale di defineComponent in Vue 3 con TypeScript?

Accepted Answer

defineComponent abilita la type inference di TypeScript per le opzioni del componente. Senza questa funzione, il contesto this verrebbe trattato come any nella Options API. Garantisce che props, data, computed e metodi siano tipizzati correttamente in modo automatico.

Question 2

Perché usare PropType quando si dichiarano props complesse con runtime declaration?

Accepted Answer

PropType è un utility type di Vue che consente di effettuare il cast dei tipi delle props durante la dichiarazione runtime. Object as PropType Book garantisce che book sia tipizzato correttamente come Book invece che come Object generico. Questo migliora il completamento automatico e la sicurezza dei tipi senza richiedere script setup con tipi generici.

Question 3

Qual è la differenza tra script setup e script setup con lang='ts' per la type inference?

Accepted Answer

script setup con lang='ts' abilita TypeScript e consente la type inference automatica senza defineComponent. Le props definite con defineProps sono tipizzate automaticamente, le refs hanno una inference completa e gli errori TypeScript vengono rilevati in fase di compilazione. Senza lang='ts', non viene eseguito alcun controllo dei tipi.

TypeScript con Vue

Qual è il ruolo principale di defineComponent in Vue 3 con TypeScript?

Risposta

Perché usare PropType quando si dichiarano props complesse con runtime declaration?

Risposta

Qual è la differenza tra script setup e script setup con lang='ts' per la type inference?

Risposta

Come tipizzare correttamente una ref che può essere inizialmente null in TypeScript?

Qual è il vantaggio principale dei componenti generici con script setup generic in Vue 3.3+?

Altri argomenti di colloquio Vue.js / Nuxt.js

Fondamenti di JavaScript

JavaScript moderno (ES6+)

Fondamenti di Vue

Componenti Vue

Vue Router

Pinia State Management

Vuex (Legacy)

Composition API

Reattività di Vue

Fondamenti di Nuxt

Data Fetching in Nuxt

SSR e SSG in Nuxt

Route server Nuxt

Moduli Nuxt

Composables di Vue

Form e validazione Vue

Gestione dello stato in Nuxt

Testing in Vue

Deployment di Nuxt e CI/CD

Prestazioni di Vue

Pattern avanzati di Vue

Autenticazione Nuxt

SEO con Nuxt

Internazionalizzazione in Nuxt

Architettura Vue

Sicurezza Nuxt

Ecosistema Vue

Migrazione Vue 2→3 e Nuxt 2→3

Padroneggia Vue.js / Nuxt.js per il tuo prossimo colloquio