Vue循环数组将数据传入组件内，新增第一个数据视图不更新问题。

Question

首先回答，Vue循环数组数据传入到子组件中（即时用了可更新视图的方法如$set、push等），视图不更新问题：

v-for后面跟上key值：

<div v-for="(item,index) in mes" :key="index"></div>

key值不要绑定重复元素。

 

我试了，当绑定的数组初始为空时，后续操作添加值进去（此时数组内只有一个值），视图没有变化。

数组长度大于0后，添加数据就能实时渲染了。

尝试过key绑定index，和绑定其他数组内不重复的元素值，都不起效。

 

想问一下这是为什么？

Answer 1

你初始时mes必须设置为一个空数组[]
之后再用push()添加元素