Asp.net mvc与vue js将数据加载到页面中

Question

我正在寻找使用vue js和'mini spas'创建一个mvc应用程序。

每个页面都是迷你水疗中心。

我想知道如何最好地将数据放到页面上。

如果控制器动作渲染没有模型的空视图，那么在vue中调用web api来获取模型并分配给数据 - 这是加载页面的正确方法，似乎需要额外的请求吗？

Answer 1

首先，我强烈反对每页使用一个SPA。我实际上在一个使用这种方法的项目中工作，对于前端开发人员而言，长期维护是一个噩梦。有两种方法可以并且应该使用vue，而“迷你SPA”方法是两个世界中最糟糕的。

你也可以

• 使用vue仅渲染单个组件以实现交互性，并让后端框架完成其余的渲染和数据收集，并通过静态属性绑定将该数据传递给已使用的组件。
• 或者使用vue作为SPA，与后端api异步通信。在上述任何一种情况下，您都可以清楚地分离出关注点，在进行“迷你SPA”时您将失去这些关注点。

如果您仍然选择这样做：几乎唯一的方法就是您已经提到的，后端控制器返回一个复合vue组件，该组件呈现页面的其余部分并使用异步调用来填充数据。我再说一遍：在国家管理和可维护性方面，这将是一场噩梦。

在我看来，最简洁的方法是将前端分为vue SPA，将vuex作为状态管理，并将后端转换为HTTP（REST）API。