随笔列表第4页 - 1024记忆

2022年9月16日

Vue onBeforeUpdate()、onUpdated() 组件视图更新生命周期钩子

摘要： onBeforeUpdate()、onUpdated() 这二个生命周期。执行顺序依次： onBeforeUpdate() 》 onUpdated() 使用前需要被引入： import { onBeforeUpdate, onUpdated } from 'vue' onBeforeUpdate() 阅读全文

posted @ 2022-09-16 15:08 1024记忆阅读(2186) 评论(0) 推荐(0) 编辑

Vue onBeforeMount()、onMounted() 、onBeforeUnmount()、onUnmounted() 组件挂载、卸载生命周期钩子

摘要： onBeforeMount()、onMounted() 、onBeforeUnmount()、onUnmounted() 这四个生命周期分别应在组件的挂载、卸载时触发。执行顺序依次： onBeforeMount() 》 onMounted() 》 onBeforeUnmount() 》 onUnmo 阅读全文

posted @ 2022-09-16 10:00 1024记忆阅读(6281) 评论(0) 推荐(0) 编辑

2022年9月15日

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

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

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

Vue shallowReadonly() 简介

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

posted @ 2022-09-15 19:46 1024记忆阅读(48) 评论(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记忆阅读(231) 评论(0) 推荐(0) 编辑

Vue computed() 简介

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

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

Vue watch() 与 watchEffect()简介

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

posted @ 2022-09-15 09:32 1024记忆阅读(502) 评论(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记忆阅读(2048) 评论(0) 推荐(0) 编辑

Vue markRaw() 简介

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

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

Vue triggerRef() 简介

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

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