我有点困惑。我目前正在上在线课程，正在从事一个项目。我可以在此处将详细信息链接到该项目https://docs.cs50.net/ocw/web/projects/2/project2.html
在该项目中，我应该用长颈瓶和香草js实现水疗中心。我只实现了一个多页应用程序，所以我对如何实现这一目标感到困惑。我想我了解了spa的基础知识，该spa首先呈现HTML页面，然后使用来自客户端的ajax请求来更新页面而无需重新加载它。
[我认为我的困惑源于我不知道我是否应该仅对Web应用程序中的所有内容使用一个HTML页面，以及是否应该使用来自Ajax请求的数据动态创建HTML？
顾名思义，单页应用程序是仅在单个页面中运行的网站或Web应用程序，避免了我们每次想切换到另一个屏幕时都不必从服务器加载新页面。
为了在Vanilla js中制作单页应用，您必须制作自己的路由系统，如果我自己做的话，我可能会尝试在路由器更改时动态更改HTML文件的正文组件。您可以使用window.location属性对此文件进行存档。
还有一个教程：https://medium.com/better-programming/js-vanilla-script-spa-1b29b43ea475;
我希望这对您有所帮助...