vue更新数组时触发视图更新的方法

2024-10-11 23:13:44

1、首先,Vue 在检测到数组变化时,并不是直接重新渲染整个列表,而是最大化复用DOM元素。替换的数组中,含有相同元素的项不会被重新渲染,因此可以大胆的用新数组来替换旧数组,不用担心性能问题。

vue更新数组时触发视图更新的方法

3、当你修改数组的长度时,例如:vm.ite葡矩酉缸ms.length = newLengthvar vm = new Vue({dat锾攒揉敫a: {items: ['a', 'b', 'c']}})vm.items[1] = 'x' // 不是响应性的vm.items.length = 2 // 不是响应性的

vue更新数组时触发视图更新的方法

5、// Array.prototype.splicevm.items.splice(indexOf诔罨租磊Item, 1, newValue)你也可以使用 v罪焐芡拂m.$set 实例方法,该方法是全局方法 Vue.set 的一个别名:vm.$set(vm.items, indexOfItem, newValue)

vue更新数组时触发视图更新的方法
猜你喜欢