本地化处理（避免直接修改props)

监听proxy数据的某个属性
需要将监听值写成函数返回形式,vue3无法直接监听对象的某个属性变化

javascript">import { ref, watch } from 'vue'const props = defineProps({initialValue: String
})
// 创建本地副本
const localValue = ref(props.initialValue)
// 监听props变化更新本地值
watch(() => props.initialValue, (newVal) => {localValue.value = newVal
})
</script><template><input v-model="localValue">
</template>