Vue.js您是否应该将数据从弹出窗口发送回主窗口？

Question

在Vue和弹出窗口方面，我和我的同事似乎无法就最佳实践应该达成一致。 问题如下：

您在主窗口上，使用REST API从后端获取数据，并且发现错误。要解决此问题，请转到编辑弹出窗口，然后单击“保存”，该怎么办？

• 您应该从弹出窗口中调用API吗？
• 发出更改的数据并让主窗口调用API？
• ...

Answer 1

这是一个非常有趣的问题，但我认为事实取决于您的整个体系结构，实现和使用的方法。

说，如果您担心“关注点分离”，您将不会给弹出窗口任何访问API的权限，因为它的工作是将一些数据显示为弹出窗口，然后返回数据，仅此而已。

另一方面，您如何处理错误？如果用户在弹出窗口中工作时发生错误怎么办？您在哪里显示错误？

另一个问题是可用性。例如，如果保存数据时发生错误，如果是通过主窗口完成的，则您将执行以下操作：

1. 显示错误消息

2. 使用户再次单击某些按钮以显示弹出窗口

3. 解决问题，然后单击其中的“保存”按钮。

但是，如果您直接从弹出窗口访问API，则可以避免前2步。另一个问题是您如何处理错误数据。

如果您仍在弹出窗口中，则可以轻松地验证数据并取消保存（或完全禁用此按钮），但是如果在关闭弹出窗口后完成操作，可能为时已晚。