Vue常用特性之数组更新检测

版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。

本文链接： https://blog.csdn.net/poppy995/article/details/98171644

常用特性应用场景

• 过滤器 – 格式化日期 很多时候后台传输的日期是毫秒数 需要我们自己转化
• 自定义指令 – 获取表单焦点
• 计算属性 – 统计图书数量
• 监听器 – 验证图书存在性
• 生命周期 – 图书数据处理

---

数组更新检测

---

变异方法(会触发视图更新，因为原数组会发生改变)

• push()
• pop()
• shift()
• unshift()
• splice() 删除数组中指定的元素
• sort()
• reverse() 反转

---

替换数组(不会改变原始数组，但会返回一个新数组)

• filter()
• concat()
• slice()

---

数组的响应式变化

Vue.set(vm.items,indexOfltem,newValue)
vm.$set(vm.items,indexOfltem,newValue)
vm.items 表示要处理的数组名称
indexOfltem要处理的数组的索引
newValue 要处理的数组的值

这两个方法也能适用于对象
vm.items 对象名
indexOfltem 属性名
newValue 属性值