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

Question

我正在寻找使用带有'迷你水疗中心'的vue js创建一个mvc应用程序。

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

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

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

Answer 1

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

你可以

• 使用vue仅渲染单个组件以实现交互，并让后端框架完成其余的渲染和数据收集，并通过静态属性绑定将该数据传递给使用的组件。

• 或者将vue用作与后端api异步通信的SPA。在上述任何一种情况下，您都可以清楚地分离出关注点，当您进行“迷你SPA”时，您将会失去这些关注点。

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

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