如何使用Vue.js制作MPA? (或者该项目应该是SPA吗?)

时间:2020-02-11 11:17:11

标签: vue.js frontend single-page-application project-structure multi-page-application

我刚刚选择了Vue,并试图找出构建该项目的最佳方法。

要求:

  • 基本的MPA(传统网站),约6页。这将是静态信息。
  • 需要有一个登录部分,客户将通过该部分传输数据。付款也会在这里发生,因此需要确保安全。

我的问题是我应该如何在这里使用Vue? (我已经使用VueCLI搭建了项目)

我应该

A)将其用于某些组件(导航栏,按钮,表单等),并保持结构传统吗?在这种情况下,我将如何构建用户仪表板以提交表单信息-就像新页面一样?

B)还是应该将整个网站构建为SPA,并在点击时加载新的“页面”信息?登录部分会更容易吗?

在阅读本文时可能清楚的一件事是,我对网站如何识别用户并处理登录信息不太了解。如果将其构造为SPA,会更容易吗? (更安全吗?)

(此外,我正在使用此网站来自学前端开发,特别是想了解有关构建SPA的更多信息-因此,我意识到我可以使用网络编辑器或更简单的解决方案,但想学习如何做很多是从头开始的

1 个答案:

答案 0 :(得分:1)

根据您的描述,完全取决于您。 SPA或MPA都可以正常工作,并且在有要求的情况下两者都是完全合理的。

您以前曾与Vue-router合作吗? SPA不需要对用户显示为单个页面。它们仍然可以用作具有不同路由,页面文件,权限等的MPA。

如果您希望使用此项目来教自己的前端Web开发人员,并且知道您对学习SPA特别感兴趣,那么我认为这就是您的答案。

我会选择SPA并设置vue-router来管理您的路线和页面。

相关问题