解决 Vue 3 数据更新但是页面没更新的问题

问题展示

列表的数据已经变了，但是页面没变

修改后

方法

想办法把要更新的组件的 key 改变，让框架去更新

// vue3
<div :key="updateKey">{{data}}</div>

// js
import { ref } from 'vue';
setup(){
	const updateKey = ref(0);
	// 操作数据后更新视图
	updateKey.value += 1;
	return {
		updateKey
	}
}