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

相关推荐
揣一尾游鱼yu27 分钟前
Spring上(IOC)笔记
java·笔记·spring·ioc
小李不想当小白2 小时前
BKP备份寄存器与RTC实时时钟(STM32标准库学习笔记)
笔记·stm32·单片机·嵌入式硬件·学习·嵌入式
瑞码空间4 小时前
JSP与Servlet核心开发与CRUD实战笔记
java·笔记·servlet·jsp
La Pulga5 小时前
【FreeRTOS源码学习笔记】链表的实现
数据结构·笔记·stm32·mcu·链表·嵌入式·freertos
wuyoutrans7 小时前
以色列专利OA答复翻译,重点要避开哪些坑?
笔记
宝绿特塑业再生科技7 小时前
HDPE再生颗粒户外家具表面粉化机理与改性技术全解析
笔记·户外家具·再生塑料·塑木桌椅
凉、介8 小时前
深入理解 ARMv7-A | Generic Timer
笔记·学习·嵌入式·arm
n 55!w !1088 小时前
MySQL笔记整理2
数据库·笔记·mysql
La Pulga9 小时前
【FreeRTOS源码学习笔记】任务创建
笔记·stm32·mcu·学习·嵌入式·freertos·实时操作系统
Zhao-Jichao9 小时前
AI Prompting for Everyone 课程笔记 - P06 模型提示词对比 AI Model Prompt Comparison
人工智能·笔记·prompt