Vue · Junior · Frage 35 von 75
Wie nutzt ein Elternteil v-model an einer eigenen Komponente (Vue 3.4+)?
<!-- Child.vue -->
<script setup>
const model = defineModel();
</script>
<template><input v-model="model" /></template>
<!-- parent: <Child v-model="text" /> -->- 1Indem man wie in Vue 2 ein Prop
valueund ein Eventinputdeklariert - 2Eigene Komponenten können
v-modelnicht nutzen - 3Mit
defineModel(), das eine mit demv-modeldes Elternteils synchrone Ref liefert
Antwort zeigen
Richtige Antwort: Mit defineModel(), das eine mit dem v-model des Elternteils synchrone Ref liefert
Erklärung
defineModel deklariert intern ein Prop modelValue und ein Event update:modelValue. Benannte Models gehen auch: v-model:title mit defineModel('title').