前端开发 - code前端网

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

HTML Html5 CSS3 CSS Vue Javascript Sass 前端面试题前端教程 React

Vue3里怎么同时监听多个数据源？不同监听方式有啥区别？踩过哪些坑？

平时做Vue3项目开发,经常会遇到这种情况：表单提交前要同时检查用户名、密码、邮箱是否都不为空，或者筛选列表页要监听关键词、分类、排序方式三个变量同时触发数据请求，再或者状态管理里要拿pinia/vuex的两个state来计算某个临时值的变...

Vue3多源监听 Vue3监听对比与坑

4小时前 57 阅读 #Vue
如何在Vue3里同时监听多个ref数据？有没有什么坑要避开？

前阵子帮朋友改小商城的购物车模块，遇到个棘手的事儿：要同步判断“商品选择状态是否全选”和“计算实时总价”，两个逻辑都依赖多个商品的selected和count这俩ref数组——直接分开写watch会有重复遍历的问题，效率太低，而且有时候数据...

Vue3 多ref监听多ref监听避坑

10小时前 144 阅读 #Vue
Vue3 watch Map怎么监听才能生效？注意事项有哪些？

做前端开发的小伙伴最近肯定都有感觉,Vue3的响应式系统虽然比Vue2强，但碰到复杂数据类型比如Map还是容易踩雷——明明代码改了Map里的值，watch却纹丝不动，页面也不会更新；要么就是watch了但监听到的是同一对象，没法做值对比；还...

Vue3 watch Map watch Map注意事项

22小时前 299 阅读 #Vue
Vue3中监听v-model绑定值变化，watch到底怎么写才靠谱？

咱们平时写Vue3项目,不管是表单输入、组件嵌套还是状态联动，v-model肯定是天天碰的玩意儿，但一旦要监听它的变化，很多人要么就是把旧写法Vue2那套直接搬过来报错，要么就是能跑但不知道原理踩坑（比如深层对象/数组只变属性没触发、初始值...

Vue3 Watch model监听

1天前 382 阅读 #Vue
Vue3中怎么高效监听多个props？不同场景下选哪种方式最靠谱？

很多刚从Vue2转过来的前端开发者，或者学Vue3组件传值监听刚入门的朋友，应该都碰到过这个场景：父组件传了不止一个props给子组件，子组件要在这些props变化的时候做统一的逻辑处理，比如发请求、更新本地状态、联动第三方库组件，这时候直...

Vue3多Prop监听监听场景适配

1天前 464 阅读 #Vue
Vue3怎么同时watch多个响应式属性？不同场景的写法和避坑指南全整理

刚开始用Vue3的组合式API写项目时,我经常碰到需要监听多个变量联动变化的需求：比如电商网站里，用户切换商品SKU的颜色和尺寸时，要同时触发价格更新、库存检查和SKU图切换；或者后台管理系统中，筛选条件的时间范围、状态下拉、关键词输入任意...

Vue3 watch多属性 Vue3 watch避坑指南

2天前 632 阅读 #Vue
Vue3开发必问，watch和v-model到底怎么选？新手踩坑全解析+进阶用法干货

我最近半年帮几个初创公司搭Vue3的后台和C端小程序，面试和群里聊技术的时候，这个问题出现频率太高了——要么是刚从Vue2转Vue3的开发者搞不清watchEffect/watch/watchPostFlush的区别顺便连v-model的新...

model选择 model进阶

2天前 722 阅读 #Vue
Vue3 watch的newValue和oldValue到底怎么用？还有哪些隐藏坑？

用过Vue2的老开发者都知道，watch的两个回调参数非常有用——判断变化是正方向还是反方向、只响应首次外的后续修改、对比特定字段有没有变动……但到了Vue3，组合式API的watch来了，新老参数好像没变，但坑变多了？用法也加了不少细节？...

Vue3 watch新旧值 Vue3 watch隐藏坑

2天前 790 阅读 #Vue
Vue3 watch新值旧值一样？怎么正确获取区分新旧值？

你有没有碰到过用Vue3 watch监听响应式数据时，打印出来的newVal和oldVal完全是一模一样的对象或数组？或者用了深度监听之后，oldVal干脆变成了新值的副本？刚从Vue2转过来的开发者可能尤其容易踩这个坑——毕竟Vue2里深...

Vue3 watch 新旧值一致

3天前 976 阅读 #Vue
Vue3里watch嵌套对象属性的方法有哪些？踩坑点怎么避？

刚上手Vue3的朋友，尤其是从Vue2转过来的，大概率会碰到这个问题：明明写了watch监听数据，改了深层的子属性怎么没反应？要么监听触发太频繁，要么完全没触发，调试半天找不到原因，今天咱们就从核心原理到实用方法，再到常见的5个避坑点,全给...

Vue3 watch嵌套属性 Vue3 watch避坑

3天前 1062 阅读 #Vue

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