我如何从子组件的操作中强制重新加载父组件

Question

[请检查我提供的链接，当通过API将项目添加到表时，我想刷新表，而当删除项目时，我要刷新表。

将数据添加到表中的按钮在子元素中，但是显示数据的表在父组件中，所以我不确定如何单击子项中的按钮以强制父项重新加载/刷新

[https://codesandbox.io/s/pensive-monad-lf402?file=/src/components/HelloWorld.vue（要添加项目，必须首先在我的UI中勾选单选按钮）]

Answer 1

您无需强制重新加载表，Vue是反应式的，这意味着当您更新模型时，视图会自动更新。

Vue最鲜明的特征之一就是不显眼的反应系统。模型只是普通的JavaScript对象。修改它们时，视图将更新。它使状态管理变得简单而直观，但是了解它如何工作来避免一些常见问题也很重要。

Reactivity in Depth

例如，如果要在删除趋势时更新表，则应从模型中删除趋势，而当前只是发送api请求。

您可以将this.toptrackTrends = this.toptrackTrends.filter(x => x.ID !== deleteid);放在DeleteTrend方法的底部，这将过滤出ID为deleteid的任何趋势。