Vue笔记总结(Xmind格式):第三天

Xmind鸟瞰图:

简单文字总结:

vue知识总结

响应更新:

1.v-for高效更新:

①当v-for遍历的目标结构改变, Vue触发v-for的更新

②数组非变更方法, 返回新数组, 就不会导致v-for更新, 可采用覆盖数组或this.$set()

2.v-for就地更新:v-for 的默认行为会尝试原地修改元素而不是移动它们

3.动态响应数据处理(数组、对象):

①数组:Vue.set(data,index,newvalue);

②对象:vm.$set(data,index,newvalue);

4.会触发v-for更新的方法:

  • push()

  • pop()

  • shift()

  • unshift()

  • splice()

  • sort()

  • reverse()

5.不会触发v-for更新的方法:

  • slice()

  • filter()

  • concat()

过滤器:

1.作用:对数据进行格式化

2.使用:

①在双花括号差值中

②在 `v-bind` 表达式中

3.在组件内部定义属于局部过滤器,在全局定义属于全局过滤器

计算属性:

1.缓存性:计算属性是基于响应式依赖进行缓存的。只要依赖没有改变,多次访问计算属性都会返回缓存的结果

2.响应式:计算属性是响应式的。当任何依赖发生变化时,计算属性会重新求值。

3.依赖追踪:Vue 会自动追踪计算属性所依赖的数据属性。当这些依赖发生变化时,Vue 会知道哪些计算属性需要重新计算。

4.懒执行:计算属性只有在被访问时才会执行。

5.不支持异步操作:计算属性应该是同步的。如果你需要异步操作,请考虑使用 Vue 的其他特性,如侦听器(Watchers)或 Vuex。

详细Xmind原文档,在文章顶部自取下载!

相关推荐
蒸蒸yyyyzwd1 小时前
cpp选手秋招准备 学习笔记day7 webserver
笔记·学习
Chen—LSN4 小时前
C语言——数据在内存中的存储
c语言·开发语言·经验分享·笔记
bitbrowser14 小时前
giffgaff突然停用?先分清闲置停用和长期境外断开
笔记
九硕智慧建筑一体化厂家14 小时前
数字化管控落地,直流照明构筑安全照明体系
运维·人工智能·笔记·安全·智慧城市
AI云海15 小时前
天幕红尘笔记
笔记
青山是哪个青山17 小时前
LangChain 学习笔记(三):LangSmith 调试与监控
笔记·学习·langchain
蒸蒸yyyyzwd19 小时前
cpp选手备战后端学习笔记day6 秋招笔试题
笔记·学习
DeviceHub21 小时前
硬件工程师选型笔记:ALPS SKPMAPE010 与 Tonevee TS-3025 贴片轻触开关 PIN TO PIN 评估指南
笔记
nnerddboy1 天前
LoRa自学笔记01:原理与学习路线
笔记·学习
疯狂打码的少年1 天前
【数据结构】二叉树的性质(五大性质+计算)
数据结构·笔记·算法