Vue.js，Vuex，Vue-Router SPA以及扩展应用客户端和服务器端

Question

1. 我正在重写一个非常非常大的复杂应用程序
2. 我正在使用Vue / Vuex / Vue路由器
3. 这是一个单页应用程序，具有类似桌面的持久性UI。
4. 它有超过150种形式＆＃39;对应于那么多对象。
5. 我们必须定期添加新表格。
6. 让我们假设我会以模态显示每一种形式（我不会，但它很容易设想）
7. 该应用程序已经大约15mb。

关于这些表单，在选择在服务器上呈现它们并将它们加载到模式中时，我应该考虑什么，而不是在应用程序中包含组件并在客户端和服务器之间保持责任分离？

我的意思是，我们要么不时地支付重新下载的费用，要么我们支付在客户端和服务器之间分离责任的成本，以及服务员负载。我迫切希望将应用程序和后端分开，因为目前后端只是一个api。但我担心应用程序的大小会增加，以致我们拒绝发布新的表单（功能）。

不幸的是，如果没有在Vue中创建这种规模的经验，我无法预测（即使我已经尝试过）我是在谈论常规的20mb更新，还是200mb更新......

赞赏的想法。

由于

Answer 1

有三种选择：

• 1 - 在服务器上渲染它们，例如在Laravel /刀片或某些等效物中，然后将它们呈现在vue应用程序中。
• 2 - 在vue上在服务器上呈现它们。
• 3 - 将它们合并到应用程序中。

决策标准是：

• 1 - 封装：保持app和api的分离或打破它。
• 2 - 经验：随着新功能（api服务）的提供，以更频繁的下载为代价保留水疗体验。或者相反。

我们选择增加下载频率，尽管规模有所增加，以保持UI和API的分离以及用户体验。此外，它维护了我们相对简单的构建和部署过程。