vue3.0-递归监听-理解
p15视频
image.png
image.png
image.png
vue3.0-非递归监听shallowReactive、shallowRef、triggerRef-理解
image.png
image.png
vue3.0-shallowRef本质
shallowRef本质
shallowRef本质
vue3.0- toRaw方法:注意是拿到原始数据,需改数据不刷新界面
P18-19视频
image.png
image.png
image.png
image.png
vue3.0- markRaw方法-让某个数据永远不要被追踪,让某个数据不要变成响应式数据,不影响界面
P20视频
image.png
vue3.0- toRef方法理解 :修改数据不会触发UI界面的更新
使用toRef 可以修改原始的数据
image.png
image.png
image.png
image.png
vue3.0- toRefs方法理解
主要是多个属性的问题
image.png
vue3.0- customRef
image.png
为什么需要customRef?主要发生在网络请求、或大量计算时
模拟网络请求数据
image.png
获取网络数据不能写在get中
image.png
image.png
vue3 ref获取元素
vue2.x中可以通过$refs获取ref,vue3中已经不支持了
vue3 在onMounted事件中处理
image.png
vue3 readonly家族 只读数据
readonly :用于创建ige只读的数据,并且时递归只读,不允许给属性重新赋值
shalldowReadonly:指定某一层级只读
isReadonly:判断是否只读
const:是赋值保护,不允许给变量重新赋值
image.png
vue3 V3响应式数据本质
P-27\28课程
image.png
vue3 手写shallowReactive
P-29课程












网友评论