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

相关推荐
不会调制解调的猫1 小时前
笔记 | 内网服务器通过wifi穿透,设置流量走向
运维·服务器·笔记
程序员大雄学编程2 小时前
「机器学习笔记7」决策树学习:从理论到实践的全面解析(上)
笔记·决策树·机器学习
聪明的笨猪猪3 小时前
Java Spring “Bean” 面试清单(含超通俗生活案例与深度理解)
java·经验分享·笔记·面试
bnsarocket4 小时前
Verilog和FPGA的自学笔记3——仿真文件Testbench的编写
笔记·fpga开发·verilog·自学
丰锋ff5 小时前
2025 年真题配套词汇单词笔记(考研真相)
笔记·考研
小熊猫程序猿7 小时前
Datawhale 算法笔记 AI硬件与机器人大模型 (五) Isaac Sim 入门
人工智能·笔记·机器人
不太可爱的叶某人10 小时前
【学习笔记】kafka权威指南——第10章 监控kafka (7-10章只做了解)
笔记·学习·kafka
张人玉11 小时前
C# TCP 客户端开发笔记(TcpClient)
笔记·tcp/ip·c#
不太可爱的叶某人14 小时前
【学习笔记】kafka权威指南——第6章 可靠的数据传递
笔记·学习·kafka
研猛男16 小时前
0、FreeRTOS编码和命名规则
笔记·stm32·freertos