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原文档,在文章顶部自取下载!

相关推荐
蒸蒸yyyyzwd8 分钟前
邓明 Agent 系统面试-意图识别学习笔记
笔记·学习
Zhao-Jichao3 小时前
AI Prompting for Everyone 课程笔记 - P21 总结 Conclusion
人工智能·笔记
欢欢李3 小时前
【LTE L3 笔记 05】LTE同步信号
笔记·无线通信·物理层·lte·空口协议
La Pulga5 小时前
【FreeRTOS源码学习笔记】空闲任务与阻塞延时
笔记·mcu·学习·嵌入式·freertos·实时操作系统
蒸蒸yyyyzwd5 小时前
秋招学习笔记 day106
笔记·学习
小李不想当小白6 小时前
WDG看门狗(STM32标准库学习笔记)
笔记·stm32·单片机·嵌入式硬件·学习·嵌入式
欢欢李7 小时前
【LTE L3 笔记 04】LTE帧结构
笔记·无线通信·物理层·lte·空口协议
Zhao-Jichao9 小时前
AI Prompting for Everyone 课程笔记 - P20 实验与期末项目 Lab and Final Project
前端·人工智能·笔记
Z21-X10 小时前
云原生运维实战笔记:企业网站综合上云部署与云运维服务全景解析
运维·笔记·学习·云原生
坤坤子吖10 小时前
Linux网络编程:UDP进阶,从字典服务器到简单聊天室
linux·服务器·网络·c++·笔记·学习