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

原创已于 2025-02-09 14:07:23 修改

· 295 阅读

0 ·

版权

文章标签：

#vue.js #javascript #前端

于 2025-02-09 09:43:13 首次发布

本地化处理（避免直接修改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>