1.ref函数
当ref里的值发生改变时候，视图层会自动更新
ref可操作基本数据类型，也可以操作复杂数据类型：对象，数组
建议：ref用来操作基本数据类型：数字，字符串
姓名：{{name}}
年龄：{{age}}
公司：{{company}}
产品：{{obj.taobao}}
{{item.xiami}}
2.reactive函数
reactive同样为我们的值创建了一个响应式引用
定义普通类型数据不能用reactive，用ref
reactive主要定义复杂数据类型，比如数组，对象
reactive可响应深层次的数据，比如多维数组
reactive返回一个相应的proxy对象
姓名：{{obj.name}}
年龄：{{obj.age}}
深层次数据：{{obj.pro.a.b[0]}}
3.toRef函数
toRef也可以创建一个响应式数据
ref本质是拷贝粘贴一份数据，脱离了与源数据的交互
ref函数将对象中的属性变成响应式数据，修改响应式数据是不会影响到源数据，但是会更新视图层
toRef的本质是引用，与原始数据有交互，修改响应式数据会影响到源数据，但是不会更新视图层
姓名：{{obj.name}}
年龄：{{obj.age}}
ref数据：{{ref_in}}
4.toRefs函数
用于批量设置多个数据为响应式数据
toRefs与原始数据有交互，修改响应式数据会影响到源数据，但是不会更新视图层
toRefs还可以与其他响应式函数交互，更加方便处理视图层数据
姓名：{{name}}
年龄：{{age}}
a：{{a}}
b：{{b}}
c：{{c}}
d：{{d.data}}
5.计算属性-computed
与vue2一致，均用来监听数据变化
21日营业额：
22日营业额：
两天总营业额：
学习vue3的第二天一起成长一起进步。
励志摘抄日历-0824
如果我不能每天满上我小小的咖啡杯，美美地喝上三次，那我会像炙烤的羊羔般失去活力。
| 留言与评论（共有 0 条评论） “” |
