数据双向绑定
之前input使用v-model可以直接实现响应式数据，vue3不推荐使用了吗
24
收起
正在回答 回答被采纳积分+1
2回答
好帮手慕星星
2021-05-08 17:43:00
同学你好，两种方式vue底层实现不同，ref()方法也能实现响应式数据，前面课程刚讲解了，所以当前课程来用。都是比较简单的，知道怎么使用即可。
祝学习愉快！
-
慕沐0341706 #1
老师我有个问题，这两种方法没区别吗？都是双向绑定双向响应式数据？
我试了，用v-model时候，不用ref好像setup里的数据改变时，input里对应的数据不会变吧？不是响应式的？
此时只能是单方向input里的数据变了setup里数据也对应跟着变？
搜索
复制
2022-06-16 18:11:55 -
同学你好 ，两种方式有区别，响应式数据实现不同。v-model是一个指令，本身不具有响应式。
1、前面课程中讲解v-model指令，是和data中数据绑定的
这种情况是响应式的。
2、setup中定义的数据本身不具有响应式，v-model绑定数据也不会具有响应式。为了解决问题，就用ref来包裹数据从而实现响应式。
也可以结合另外一个问题回复来理解：
https://class.imooc.com/course/qadetail/292184
祝学习愉快！
2022-06-16 18:36:18
好帮手慕星星
2021-05-08 16:23:00
同学你好，vue3中正常使用input绑定，没问题。在前面vue基础入门上中有讲解，忘记了可以回顾下：
https://class.imooc.com/lesson/1649#mid=44151
祝学习愉快！
恭喜解决一个难题，获得1积分~
来为老师/同学的回答评分吧
0 星