我和我的同事似乎无法就 Vue 和弹出窗口的最佳实践达成一致。 问题如下：
您在主窗口中，您使用 REST API 从后端获取数据并注意到一个错误。要修复它，您转到一个编辑弹出窗口，点击保存后会发生什么？
【问题讨论】：
actions 管理服务器交互。模态只需要发起请求。好处是它将业务逻辑保存在一个地方（如果您对所有 REST API 请求都这样做）。
这是一个非常有趣的问题，但我认为真相取决于您的整个架构、实现和您使用的方法。
说，如果您担心“关注点分离”，您不会让弹出窗口访问 API，因为它的工作是将一些数据显示为弹出窗口，返回数据，仅此而已。
另一方面，您如何处理错误？如果用户在弹出窗口中工作时出现错误怎么办？你在哪里显示错误？
另一个问题是可用性。例如，如果保存数据时发生错误，如果是在主窗口完成的，您将：
显示错误信息
让用户再次单击某个按钮以显示弹出窗口
修复一个问题并点击其中的保存按钮。
但如果您直接从弹出窗口访问 API，您将避免前两个步骤。另一个问题是您如何处理错误的数据。
如果您仍在弹出窗口中，您可以轻松验证数据并取消保存（或完全禁用此按钮），但如果在弹出窗口关闭后完成，则可能为时已晚。
【讨论】：