摘要: 前言 当依赖的数据发生改变,computed、watch 和 watchEffect 都会被触发。但是它们之间又有自己的特点,使用场景也不一样。 关于 computed 是什么,以及它和普通函数的区别、运用场景,查看我的另一篇博文:[Vue] computed 和 普通函数的区别。 特性 watch 阅读全文
posted @ 2024-09-14 17:22 Himmelbleu 阅读(18) 评论(0) 推荐(0) 编辑
摘要: 前言 key、v-once 和 v-memo 都是 Vue 提供的用于优化性能的工具,主要目的是减少不必要的渲染和更新操作,从而提升应用的性能。 key 相关的就不用多说了,[Vue] v-for key 用 index 会出现什么问题。 v-once 这个很简单,仅渲染元素和组件一次,并跳过之后的 阅读全文
posted @ 2024-09-14 17:02 Himmelbleu 阅读(16) 评论(0) 推荐(0) 编辑
摘要: 性能问题 当数据项的顺序改变时,Vue 不会随之移动 DOM 元素的顺序,而是就地更新每个元素,确保它们在原本指定的索引位置上渲染。例如,当你对列表进行排序时: <li v-for="(task, index) in tasks" :key="index"> {{ task.id }} - {{ t 阅读全文
posted @ 2024-09-14 11:42 Himmelbleu 阅读(22) 评论(0) 推荐(0) 编辑