![](https://img-blog.csdnimg.cn/20201014180756928.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
vue
攻魔师南宫那月
这个作者很懒,什么都没留下…
展开
-
react中实现vue computed的set功能
react中函数式组件 可以用useMemo 模拟vue的computed的get属性 当需要用到set属性的时候 需要对该hooks进行扩展下面自定义hooks useComputed首先说明vue和react的状态区别在于 vue 用了proxy劫持数据也就是说我们vue的computed里面可以 直接对data数据操作即可完成set数据例如export default { data: () => ({ msg: '我是蔡徐坤' }),.原创 2021-12-27 14:28:07 · 509 阅读 · 0 评论 -
Vue中使用自定义指令实现防抖节流
个人在vue中使用防抖中一般会绑定vm实例做定时器的绑定对象,大家也可以根据自己的实际需求修改防抖节流的函数//'@/utils/debounce.js' 文件function throttle(bindObj, fn, delay) { bindObj.$$prevTime = Date.now() return function(...args) { const nowTime = Date.now() if(nowTime - bindObj.$$prevTime >原创 2021-08-22 21:14:43 · 676 阅读 · 1 评论 -
Vue自定义指令完成白屏loading加载需求
需求背景: 项目中图片资源过大,项目部署后压缩后首次加载也需要较长时间。这时候我们可以在该页面的mounted钩子中添加一个白屏覆盖住页面,然后添加loading,然后监听到所有图片加载完成后把白屏和loading去除。用较低的带宽模拟此时我们可以利用图片的onload 函数来判断当前图片是否加载完全 在vue的mounted钩子中对当前组件内所有的图片添加onloadexport default { name: 'cxk', computed: {...原创 2021-08-19 20:55:35 · 1234 阅读 · 0 评论