使用v-for渲染时，新增数据后，页面没更新的问题

1、错误写法

<div v-for="item in list" :key="item.id"> <span v-text="item.title"> getData } from "@/api/getData/index.js"; export default { data() { return { list: [] }; }, methods: { async getList() { let { result } = await getData(); this.list = [...result]; } }, }; 

4、总结

其实就是在v-for标签外包裹一个父级标签。