Fundamentos do TypeScript para Vue

O Vue 3 foi reescrito em TypeScript, e isso aparece na experiência de desenvolvimento: autocompletar no template, erros antes de rodar e refatorações seguras.

Tipando refs

Na maioria dos casos o tipo é inferido. Quando o valor inicial é null, informe o tipo explicitamente:

type User = { id: number; name: string };

const user = ref<User | null>(null);
const count = ref(0); // inferido como Ref<number>

Props e emits

const props = defineProps<{ title: string; items: string[] }>();

const emit = defineEmits<{
  select: [item: string];
  close: [];
}>();

Composables tipados

Declare o tipo de retorno de composables complexos. Isso deixa o contrato claro para quem usa e evita que mudanças internas quebrem componentes sem aviso.