摘要: 视频 2.readonly 与 shallowReadonly readonly: 让一个响应式数据变为只读的(深只读)。 shallowReadonly:让一个响应式数据变为只读的(浅只读)。 应用场景: 不希望数据被修改时。 #components ##Demo.vue <template> < 阅读全文
posted @ 2023-04-20 11:25 垂序葎草 阅读(19) 评论(0) 推荐(0) 编辑
摘要: 视频 三、其它 Composition API 1.shallowReactive 与 shallowRef shallowReactive:只处理对象最外层属性的响应式(浅响应式)。 shallowRef:只处理基本数据类型的响应式, 不进行对象的响应式处理。 什么时候使用? 如果有一个对象数据, 阅读全文
posted @ 2023-04-20 11:05 垂序葎草 阅读(19) 评论(0) 推荐(0) 编辑
摘要: 视频 直接用ref是创建新的对象 10.toRef 作用:创建一个 ref 对象,其value值指向另一个对象中的某个属性。 语法:const name = toRef(person,'name') 应用: 要将响应式对象中的某个属性单独提供给外部使用时。 扩展:toRefs 与toRef功能一致, 阅读全文
posted @ 2023-04-20 10:53 垂序葎草 阅读(24) 评论(0) 推荐(0) 编辑
摘要: 视频 9.自定义hook函数 什么是hook?—— 本质是一个函数,把setup函数中使用的Composition API进行了封装。 类似于vue2.x中的mixin。 自定义hook的优势: 复用代码, 让setup中的逻辑更清楚易懂。 #components ##Demo.vue <templ 阅读全文
posted @ 2023-04-20 10:36 垂序葎草 阅读(56) 评论(0) 推荐(0) 编辑