vue3 的 ref、 toRef 、 toRefs

1、ref: 对原始数据进行拷贝。当修改 ref 响应式数据的时候，模版中引用 ref 响应式数据的视图处会发生改变，但原始数据不会发生改变

1
2
3
4
5
6
7
8
9
10
11
12
13

2、toRef: 用于将对象中的某个属性转换成响应式数据。当修改 toRef 响应式数据的时候，原始数据会发生变化，但是模版中引用 toRef 响应式数据的视图处不会发生改变

1
2
3
4
5
6
7
8
9
10
11
12
13

3、toRefs: 用于将整个对象转换成响应式数据。当修改 toRefs 响应式数据的时候，原始数据会发生变化，但是模版中引用 toRefs 响应式数据的视图处不会发生变化

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15