[vue3] input emit

<-- 자식 컴포넌트 -->

<input
  class="torder_input_xl"
  :value="modelValue"
  @input="updateValue"
>

// eslint-disable-next-line vue/require-prop-types
defineProps(['modelValue']);
const emit = defineEmits(['update:modelValue']);

const updateValue = (e: Event) => {
  emit('update:modelValue', (e.target as HTMLInputElement).value);
};

 

<-- 부모 컴포넌트 -->

<EstimateRent
  v-if="isCurrentSection(0)"
  v-model="message"
/>

const message = ref('hello');