인프런 커뮤니티 질문&답변

<script setup> 으로 작성시 반응형 작동이 안되는데요. 어디가 문제인가요?

 

<template>
<label>
{{ label }}
<input
v-model="computedValue"
type="text">
</label>
</template>


<script setup>
import { computed } from 'vue';


const props = defineProps({
modelValue: {
type: String,
default: '',
},
label: {
type: String,
required: true,
}
});


const emit = defineEmits(['update:modelValue']);


const computedValue = computed({
get() {
return props.modelValue;
},
set(value) {
emit('update:modelValue', value);
}
});


</script>