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

相关推荐
Li_RuiQi4 小时前
DAgger与交互式模仿学习_ACT学习笔记
笔记·学习
He BianGu4 小时前
【笔记】C# 中BindingFlags的详细作用
笔记·c#
AI视觉网奇4 小时前
turtle 入门教程笔记
笔记
跨知易知识产权5 小时前
美国专利确权是什么,和专利诉讼有什么不一样?
笔记
杨逢昌工厂6S管理5 小时前
126-杨逢昌6S三环体系:越做越乱的现场熵增机理与基准化治理——一线现场诊断笔记
经验分享·笔记·职场和发展·学习方法
悟道书生5 小时前
若依 RBAC 权限控制学习笔记
java·网络·笔记·sql·学习·vue
陈哈哈11116 小时前
折腾了半天,总算把 Vim 9.2 装明白了
笔记
陈哈哈11116 小时前
折腾了半天,总算把 OpenGL 的开发环境给装明白了
笔记
深圳老胡6 小时前
STM32F103 硬件 SPI 与软件 IO 模拟 SPI 最高速度差异详解
笔记·stm32·单片机·代码规范·1024程序员节
正弦波_Wave7 小时前
【Orcad原理图打印Pdf】
笔记·pdf