【Vue3】v-modelの変更点

vue2までは下記が組み合わさってv-modelとして活用していたと思います。

<template>
  <input type="text" v-model="sample" />

  <!-- 上と同じ動作をします -->
  <input type="text"  :value="sample" @input="sample = $event">
</template>

vue3からは結構変わります。

<template>
  <input type="text" v-model="sample />
  <!-- 上と同じ動作をします -->
  <input type="text :modelValue="sample @update:modelValue="sample = $event />
</template>

vue2系まではvalueとinputの糖衣構文だったものが、modelValueと@update:modelValueに変わったところです。