美文网首页
vue3视频观看笔记-2

vue3视频观看笔记-2

作者: 牵手生活 | 来源:发表于2021-07-04 10:27 被阅读0次

vu3官方文档

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

官方例子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课程

相关文章

网友评论

      本文标题:vue3视频观看笔记-2

      本文链接:https://www.haomeiwen.com/subject/czrmultx.html