1024记忆 - 博客园

2022年9月15日

VUE effectScope()、getCurrentScope()、onScopeDispose()简介

摘要： effectScope() 官方解释：创建一个 effect 作用域，可以捕获其中所创建的响应式副作用 (即计算属性和侦听器)，这样捕获到的副作用可以一起处理。个人理解：叫它侦听管家更形象。通俗的说，它可以把计算属性、监听器放在一个函数内管理，然后统一停止监听。代码示例： // 定义侦听管阅读全文

posted @ 2022-09-15 21:02 1024记忆阅读(1349) 评论(0) 推荐(0)

Vue shallowReadonly() 简介

摘要： shallowReadonly() 说明：浅层次只读。其第二层及其以下可读写。 const state = shallowReadonly({ foo: 1, nested: { bar: 2 } }) // 更改状态自身的属性会失败 state.foo++ // ...但可以更改下层嵌套对象 is 阅读全文

posted @ 2022-09-15 19:46 1024记忆阅读(65) 评论(0) 推荐(0)

Vue isRef()、unref()、isProxy()、isReactive()、isReadonly()简介

摘要： isRef() @说明：判断值是否是ref类型 @返回：[boolean] <script setup> import { ref, isRef } from 'vue' const studentNumber = ref(40) // 班里学生数 console.log(isRef(student 阅读全文

posted @ 2022-09-15 16:00 1024记忆阅读(283) 评论(0) 推荐(0)

Vue computed() 简介

摘要： computed() computed()计算属性。在setup内该函数返回ref类型，所以也是要求用.value取值，赋值。但在模板中可以自动解勾。 computed与methods的区别在于：computed它是有缓存的，即无论访问多少次，只要其依赖的数据没有变化，其结果都是从缓存中获取，不是重阅读全文

posted @ 2022-09-15 15:20 1024记忆阅读(1356) 评论(0) 推荐(0)

Vue watch() 与 watchEffect()简介

摘要： watch() 函数原型： @原型：watch( param, callback, options) @params: param: [必需] 被监听对象 callback: [必需] 被监听对象发生变化时执行回调 callback: function(newValue, oldValue) { / 阅读全文

posted @ 2022-09-15 09:32 1024记忆阅读(591) 评论(0) 推荐(0)

2022年9月14日

Vue toRaw() 简介

摘要： toRaw(<Object>) 说明：返回响应式对象原始对象代码说明： const foo = {} // 这是原始对象 const reactiveFoo = reactive(foo) // reactiveFoo 是响应式对象，foo是原始对象 console.log(toRaw(react 阅读全文

posted @ 2022-09-14 19:31 1024记忆阅读(2477) 评论(0) 推荐(0)

Vue markRaw() 简介

摘要： markRaw(<Object>) 说明：将一个对象标记为不可被转为代理。返回该对象本身。通俗的说，将一对象设置成不能转换成ref或reactive等响应式对象。比如代码： const foo = markRaw({}) //声明变量foo是不能变成响应式 console.log(isReacti 阅读全文

posted @ 2022-09-14 19:24 1024记忆阅读(394) 评论(0) 推荐(0)

Vue triggerRef() 简介

摘要： triggerRef() 手动更新shallowRef()变量的视图。代码如下： <template> <h1>{{ state }}</h1>  <button @click="change">更新count属性值后，手动更新视图</button> </template 阅读全文

posted @ 2022-09-14 16:40 1024记忆阅读(313) 评论(0) 推荐(0)

Vue shallowReactive() 简介

摘要： shallowReactive() shallowReactive() 也是浅层响应视图。 1、对第一层属性值的修改，会更新到视图层。 2、对除第一层之外的属性值修改，可以改值，但是无法更新到视图层。 3、shallowReactive()无法手动更新视图层，因为没有提供类似triggerRef（）阅读全文

posted @ 2022-09-14 16:27 1024记忆阅读(292) 评论(0) 推荐(0)

Vue shallowRef() 简介

摘要： shallowRef() shallowRef()存在的意义：将最终的结果输出到视图，节省一些不必要的输出。 shallowRef()需要理解的： shallowRef是浅层响应式数据，即：修改.value值时会更新视图。而修改具体属性值时，不会更新视图。比如： // 定义shallowRef变量阅读全文

posted @ 2022-09-14 15:26 1024记忆阅读(4530) 评论(0) 推荐(1)