v-for在数据更新后不重新渲染，需要刷新才能看到变化

在 Vue 中，为了实现响应式，需要使用 Vue.set 或者 vm.$set 来添加新的属性。在使用 v-for 时更新数组，需要直接使用数组的方法来修改数据，而不要使用索引。这样 Vue 才能追踪到数据的变化并进行重新渲染。

代码示例：

HTML：

<div id="app"> <ul> <li v-for="item in items">{{ item }}</li> </ul> <button @click="addItem">Add Item</button> </div>

JavaScript：

new Vue({ el: '#app', data: { items: ['Item 1', 'Item 2', 'Item 3'] }, methods: { addItem() { this.items.push('Item ' + (this.items.length + 1)) } } })

在上面的代码中，按钮点击后会向数组中添加一项。在添加项后，v-for 会重新渲染列表，不需要页面刷新即可看到变化。