VUE3 父组件传递给子组件的值 子组件怎么处理后使用

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

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

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>