Code技术网_让一部分人先学到code前端技术

Code前端首页关于Code前端联系我们

学习 Javascript

学习 Vue 开发

Vue3 watch到底怎么正确监听Pinia里的响应式数据？避坑指南全在这了

前阵子帮朋友改一个Vue3 + Pinia的后台管理小工具，朋友吐槽说改了好几天，监听用户的权限列表要么不触发，要么触发好几次，折腾得头大，其实这种问题刚接触这俩技术栈的人大概率都会碰到——毕竟Pinia的响应式逻辑虽然简化了，但和Vue2...

Pinia Watch

3小时前 28 阅读 #Vue
Vue3如何正确监听Pinia store的变化？为什么有的写法没效果？

做前端开发也有一段时间了，最近用Vue3搭项目时，总会遇到新手甚至偶尔转来的老Vue2选手问起：明明把data里的逻辑抽去Pinia store了，原来的watch怎么突然“失灵”了？是我写的watch不对，还是Pinia本身的响应式和Vu...

Vue3 Pinia监听 Pinia监听失效

11小时前 88 阅读 #Vue
Vue3 中如何正确watch监听props传来的值？深监听要注意什么坑？

刚接触Vue3开发的小伙伴,大概率踩过props监听的坑：明明父组件传过来的值在控制台打印变了，watch却纹丝不动；或者随便加了个deep:true，页面卡得像PPT；还有Options API和Composition API混用的时候，...

Vue3 props监听 props深监听坑

23小时前 205 阅读 #Vue
Vue3中怎么watch reactive对象的属性？常见坑和高效写法全解析

Vue3用了快两年，不管是做ToC的轻量H5还是ToB的复杂后台管理系统，监听数据变化都是绕不开的核心操作——毕竟很多业务逻辑都是“等某个数据变了再做某事”，最近后台收到不少新手甚至转过来的Vue2老用户的私信，说在watch reacti...

Vue3 reactive属性监听 Vue3 watch高效写法

1天前 272 阅读 #Vue
或者yarn add lodash-es

Vue3 怎么监听路由query变化踩坑全解决附实战代码在开发带搜索、筛选、分页的页面时，路由query参数简直是个宝——既能把当前状态存进地址栏分享给别人，刷新后还能自动还原，体验感拉满，但真上手Vue3 watch route q...

lodashes

1天前 346 阅读 #Vue
为啥用了Vue3 watch还内存泄漏？手把手教你3种安全取消监听的方式！

最近收到好几个前端朋友的私信,说做Vue3后台系统的时候，切换页面偶尔会发现控制台有残留的请求或者数据报错，甚至有的页面越刷加载越慢，排查了半天，最后发现是watch监听没取消干净的锅——组件销毁了，监听逻辑还在后台等着触发，占内存不说，还...

Vue3 watch 内存泄漏

2天前 491 阅读 #Vue
先搞懂两个前置知识点，Vue3的响应式原理和watch的默认监听逻辑

Vue3里用watch监听reactive对象的时候,到底踩过哪些坑又该怎么避？昨天帮同事调bug，他卡了快两小时，最后发现就是Vue3 watch监听reactive踩的常见雷——直接赋值reactive整个变量失效，回来之后翻了翻最...

Vue3响应式原理 watch默认监听逻辑

2天前 558 阅读 #Vue
Vue3 watch怎么用才能精准监听ref对象，会不会踩坑？

为什么Vue3里watch ref对象和监听普通值会有区别？你有没有试过刚学Vue3 Composition API时，直接用watch套住一个ref包裹的普通对象，结果修改里面的属性却没触发回调？这不是代码写错了，是ref和watch...

Vue3 watch ref精准监听 Vue3 watch ref踩坑

2天前 632 阅读 #Vue
Vue3 怎么正确监听 ref 数组的变化？会不会漏监听或者触发太频繁？

最近有不少刚从 Vue2 转 Vue3 的同学，在群里问起监听 ref 数组的坑——有时候明明 push/splice 改了数组，watch 没反应；有时候加了 deep: true 又疯狂触发回调，连数组里某个对象的属性改了都弹一堆冗余日...

Vue3 ref数组数组监听

3天前 785 阅读 #Vue
Vue3 watch route.query怎么变化才生效？电商/筛选/分页场景常见避坑指南

最近整理项目库的时候,发现好多刚转Vue3的开发同学甚至是有1-2年Vue3经验的人，都踩过watch监听路由查询参数不生效的坑——比如电商搜索框换关键词、价格区间筛选、分页跳转后，页面还是之前的内容，控制台也没有报错，排查半天找不到原因。...

Vue3路由watch避坑电商筛选分页

3天前 847 阅读 #Vue

1 2 3 4 5 6 7 8 9 10 › ››