Vue.js: What is the difference between defineModel and v-model?

defineModel — composition API. v-model — template directive.

defineModel:

• Script setup.
• Explicit.
• Type-safe.

v-model:

• Template.
• Syntactic sugar.
• Shorthand.

1<!-- defineModel -->
2<script setup>
3const model = defineModel<string>()
4</script>
5
6<template>
7  <input v-model="model" />
8</template>
9
10<!-- Usage -->
11<MyInput v-model="text" />

Key: defineModel for script, v-model for template.