Vue3双向绑定input的高级应用 官网
除基本双向绑定,还能结合计算属性实现更复杂功能。比如对输入内容处理后再显示。 msg:{{msg}} cmsg:{{cmsg}} script setupimport { ref, computed } from vue;const msg = ref(abc);const cmsg = computed({ get() { return msg.value.toUpperCase(); }, set(newValue) { msg.value = newValue; }});// 运行结果:输入内容会自动转换为大写显示,数据修改也能正常更新/script 使用计算属性时,要定义get和set方法,保证数据正常读写。