Vue2 中为什么“数组名=[]”就能更新数组？

<body>
<div id="root">
<ul>
<li v-for="(p,index) in persons" :key="index">
{{p}}
</li>
</ul>
</div>
<script>
const vm = new Vue({
el: '#root',
data: {
persons: []
},
mounted() {
this.persons = [];
this.persons[0] = '张三'
this.persons[1] = '李四'
}
});
</script>
</body>

有了“this.persons = [];”这句页面就能显示出张三、李四，注释掉这句就不行，为什么？

举报该问题

其他回答

第1个回答 2022-06-29

vue的数组更新检测规则：使用数组方法push、pop、shift、unshift、splice、sort、reverse才可以触发视图更新，其他方法修改数组将不会同步视图追问

this.persons = []; 并不属于push、pop、shift、unshift、splice、sort、reverse这七个方法之一

本回答被网友采纳

第2个回答 2022-05-23

vue的数组更新检测规则：
使用数组方法push、pop、shift、unshift、splice、sort、reverse才可以触发视图更新，其他方法修改数组将不会同步视图

相似回答

vue2.0 如何监听数组中对象属性的变化答：不太理解你的疑问在哪里，因为 Vue 不能侦测的是直接对著数组的某个索引赋值，例如 replys[1] = {}，但是你这边是对数组里面的某个元素赋值， Vue 是可以侦测到的，Vue是通过监测 get, set 来得知数据是否更新，而数组的索引是没有 get、set ...

为什么在vue2中通过索引修改数组无法触发页面更新+vue3中是怎样解决...答：在 Vue 2 中，通过索引修改数组的值无法触发组件重新渲染的原因是：Vue 2 中使用了 Object.defineProperty 来实现响应式数据变化检测，但是它只能检测对象属性的 get 和 set 操作，无法检测数组元素的变化。为了解决这个问题，Vue 2 引入了一些特殊的方法来改变数组，例如 vm.$set、vm.$delete 等。使用...

Vue数组更新,为什么不能通过索引直接设置一个值答：因为vue的底层是通过Object.defineProperty来实现数据监听更新视图的，通过索引设置数组的值不能被这个方法监听到，所以无法触发更新

大家正在搜

数组名为什么不能自加在数组中数组名表示在c语言中数组名代表什么数组名能不能作为形参数组名是什么二维数组数组名数组名代表的是数组的二维数组数组名的含义二维数组的数组名代表