响应式引用好难理解

结合图文课和vue官网，我自己也梳理了一番，还是好难理解

JarvanIV 2021-10-28

源自：vue基础入门（下） 2-6 【总结】ref，reactive，toRefs，toRef方法区分

收起

1回答

好帮手慕久久 2021-10-29 10:03:59

同学你看，截图总结的很棒，记住这些内容就行。关于响应式，不用想的太复杂，简单理解就行。比如，响应式就是为了让数据联动；例如js中修改了数据，如果想让页面上数据也跟着变成最新的，那么数据就要变成“响应式”的。如果数据是复杂类型，那么优先使用reactive包裹，如果数据是基本类型，那么优先使用ref包裹。而ref、reactive、toRefs、toRef的用法都是固定的，记住、会用就行。

祝学习愉快！

收起回答

提问者 JarvanIV #1

那页面的数据改变了，js中的数据会跟着同步改变吗？就像v-model一样

2021-10-30 13:18:39
好帮手慕久久回复提问者 JarvanIV #2

同学你好，不能，是单向的（js改变数据--》页面跟着联动）。如果想双向，那就使用input框、v-model。

2021-10-30 14:57:03