关于 vue3 用 ref 定义响应式的问题
xing393939 · xing393939 · 2024-05-15 17:19:24 +08:00 · 1988 次点击这是一个创建于 424 天前的主题，其中的信息可能已经有所发展或是发生改变。
代码 1： https://run.iviewui.com/GJQd3slb
代码 2： https://run.iviewui.com/FoCmnwDq
为什么代码 1 的输入框输入内容后，点击 click ，txt 的内容还是空的，而代码 2 就是 ok 的？
（两者的区别仅仅在于第 8 行）
 |
1
rabbbit 2024-05-15 17:23:43 +08:00  1
txt.value = msg.aaa
-> txt.value = msg.value.aaa |
 |
2
qq347891134 2024-05-15 17:25:40 +08:00 1
少了.value ，应该是
const onClick = () => { txt.value = msg.value.aaa } </script> |
 |
3
QAQqingju 2024-05-15 17:26:08 +08:00 1
ref 需要.value
|
 |
4
zzzzhan 2024-05-15 17:27:56 +08:00 1
你知道赋值给 txt.value ，为什么不知道取值的时候也要取 msg.value
|
 |
5
peasant 2024-05-15 17:28:54 +08:00 1
|
 |
6
marsKnight 2024-05-15 17:29:51 +08:00 1
vue3 中 ref 和 reactive 使用是不一样的 ref 创建的必须使用.value 去访问值 reactive 创建的可以直接通过对象属性去修改值 楼主可以看看官网二者介绍
|
 |
7
lisongeee 2024-05-15 19:21:55 +08:00 1
ts 的应用场景之一就是这种代码，在 ts 里你的第一段代码会报编译错误
|
 |
8
Dik1212 2024-05-16 14:08:17 +08:00
我好奇，定义 const msg = ref({})，你的 msg.aaa 编译器不报错？
|
Select Language