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

How can I use Vue.js to make a MPA? (Or should this project be a SPA?)

我刚刚开始使用 Vue,正在尝试找出构建该项目的最佳方式。

要求:

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

我应该:

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

B) 或者我应该将整个站点构建为 SPA 并在点击时加载新的 'page' 信息?这对于登录部分来说会更容易吗?

阅读本文后可能会清楚的一件事是我不太了解该站点将如何识别用户和处理登录。如果将其构建为 SPA,这会更容易吗? (更安全?)

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

做很多这样的事情

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

你以前用过 Vue-router 吗? SPA 不需要向用户显示为单个页面。它们仍然可以作为具有不同路由、页面文件、权限等的 MPA。

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

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