我在弄清楚如何在Vue CLI项目中拥有多个页面时遇到了麻烦。现在,我的主页包含一些组件,我想创建另一个页面,但是我不知道该怎么做。我是否应该创建多个html文件,默认情况下index.html是?在使用css js img文件夹和html文件作为页面的简单文件结构中,我知道创建另一个html文件意味着制作另一个页面。但是我不知道这如何与Vue CLI项目一起使用。
我在Vue文档中看到了诸如vue-router和“ pages”之类的东西,但是我不太了解它们。我有什么选择?是否有指南对此进行了详细说明,因为我找不到任何指南,更不用说详细了。如果可以的话,将非常高兴!谢谢!
首先:请务必阅读官方文档。使用Vue,您还可以构建SPA:MPA没问题。只需遵循指南:
使用Vue CLI 3,可以使用vue create youProject创建一个新项目,并设置为手动配置它。然后,不要选择SPA选项。Vue将使用MPA方法创建一个不错的“开始”项目。之后,只需在vue.config.js上重复配置即可。
更新#1
似乎Vue Cli上的某些更新已更改了构建MPA应用程序的方式,因此:
vue create test
创建的样板将是SPA。但是,请进行以下更改:
在
src
named 下创建一个文件夹pages
(可选)在此文件夹中创建您自己的页面:主页,关于等。
App.vue
为该文件夹下面,我有三个图像说明了这一点:
您无需创建
pages
文件夹,只需了解一下即可。链接到GitHub:构建MPA应用