关于 vue3 用 ref 定义响应式的问题

代码 1： https://run.iviewui.com/GJQd3slb

代码 2： https://run.iviewui.com/FoCmnwDq

为什么代码 1 的输入框输入内容后，点击 click ，txt 的内容还是空的，而代码 2 就是 ok 的？

（两者的区别仅仅在于第 8 行）

我好奇，定义 const msg = ref({})，你的 msg.aaa 编译器不报错？

ts 的应用场景之一就是这种代码，在 ts 里你的第一段代码会报编译错误

vue3 中 ref 和 reactive 使用是不一样的  ref 创建的必须使用.value 去访问值  reactive 创建的可以直接通过对象属性去修改值  楼主可以看看官网二者介绍

https://cn.vuejs.org/api/reactivity-core#ref

用 ref 的在 js 里获取值必须用.value 来取值，reactive 不需要

你知道赋值给 txt.value ，为什么不知道取值的时候也要取 msg.value

ref 需要.value

少了.value ，应该是  
const onClick = () => {
    txt.value = msg.value.aaa
  }
</script>

txt.value = msg.aaa
->
txt.value = msg.value.aaa