- 博客(216)
- 收藏
- 关注
RSS订阅
1原创 处理JS对象实用技巧
也可以基于响应式对象上的一个属性，创建一个对应的 ref。这样创建的 ref 与其源属性保持同步：改变源属性的值将更新 ref 的值，反之亦然。
2023-07-31 17:49:12
285
原创 VUE3-toRef和toRefs
也可以基于响应式对象上的一个属性，创建一个对应的 ref。这样创建的 ref 与其源属性保持同步：改变源属性的值将更新 ref 的值，反之亦然。
2023-07-27 16:13:51
284
原创 VUE3-watchEffect
/ 这个回调函数的执行实际是：只要counter1发生变化，或者counter3发生变化，这个回调函数都会执行。// 这个使用到的数据只要发生变化，watchEffect中的回调函数一定会执行一次。// 我这个回调函数当中使用到了data.counter1和data.counter3。// 这个回调函数什么时候执行？一开始就先执行一次，然后函数体中使用到了某个数据。// watchEffect函数中直接跟一个回调函数即可。// 使用watchEffect这个组合式的API。// 作用：也是用来监视。
2023-07-19 18:16:25
166
原创 VUE3-watch侦听ref包裹对象
watch侦听是侦听响应式对象，即RefImpl对象、Proxy对象，如果不为响应式则需要使用函数形式[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-9QgtFg3Q-1689761730559)(https://gitee.com/zhang_luwei/image-resources/raw/master/image/1689647918250.jpg)]VUE3、ref、RefImpl、Proxy、watch
2023-07-19 18:15:42
821
原创 VUE3-watch侦听reactive数据
外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-RgyYrHSM-1689761692664)(https://gitee.com/zhang_luwei/image-resources/raw/master/image/1689586856365.jpg)]如果想指定某个属性侦听，则第一个需要侦听的数据，必须是一个函数。即侦听的如果不是响应式的，需要使用函数。
2023-07-19 18:15:01
737
原创 VUE3-watch侦听
/ console.log('计算器2', newValue, oldValue);// console.log('计算器', newValue, oldValue);// 注意：被监视的属性必须具有响应式的，才能监视。// newValue和oldValue都是数组。// 开始的时候，立即执行一次handler。// 采用数组的方式，一次监视多个属性。// 被监视的数据需要具有响应式。// 监视的是counter属性。VUE3、ref、watch侦听。
2023-07-19 18:14:10
86
原创 组合式API与选项式API
/exportdefaultdatareturn// 功能1的data// 功能2的data// 功能3的datamethods// 功能1的methods// 功能2的methods// 功能3的methodscomputed// 功能1的computed// 功能2的computed// 功能3的computedwatch// 功能1的watch// 功能2的watch// 功能3的watch</可以看出，实现功能的代码非常分散，维护成本高，比较乱。
2023-07-19 18:12:31
357
原创 VUE3-ref包裹object对象类型
使用Object.defineProperty实现的[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-OJjJ3Qcn-1689155454164)(https://gitee.com/zhang_luwei/image-resources/raw/master/image/1689154257976.jpg)]
2023-07-12 17:52:08
932
原创 vite-plugin-pages
使用 vite-plugin-pages 之后：就可以更高效快捷开发。只需要在目录写好对应页面，即可自动生成路由, 上面的路由对应的文件结构如下。注意： 当然这里使用了 pages , 因为是默认配置, 你也可以配置成原来大家更习惯的 views。
2023-07-11 15:29:18
1674
原创 let、var和const的区别？如果希望const定义的对象的属性也不能被修改该怎么做？
let、var和const的区别？如果希望const定义的对象的属性也不能被修改该怎么做？
2023-01-31 15:20:01
293
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人