如何进行vue多页面配置

这篇文章将为大家详细讲解有关如何进行vue多页面配置，文章内容质量较高，因此小编分享给大家做个参考，希望大家阅读完这篇文章后对相关知识有一定的了解。

单页应用这个概念，是随着前几年 AngularJS、React、Ember 等这些框架的出现而出现的。在前面的前言内容里，我们在页面渲染中讲了页面的局部刷新，而单页应用则是使用了页面的局部刷新的能力，在切换页面的时候刷新页面内容，从而获取更好的体验。

2、SPA 与 MPA

单页应用（SinglePage Web Application，简称 SPA）和多页应用（MultiPage Application，简称 MPA）的区别如下：

3、Vue Cli 脚手架配置

第一步：

我们在public 文件下建一个主页面 建一个副页面,目录结构如下

第二步：

有了主页面和副页面就要有对应的主页面的入口文件和副页面的入口文件，目录结构如下

第三步：

vue.config.js中配置pages，可以理解为多页面的配置映射。

pages: {    index: {        entry: 'class="lazy" data-src/main.js',        template: 'public/index.html',        filename: 'index.html',    },    bangban: {        entry: 'class="lazy" data-src/banban.js',        template: 'bangban.html',        filename: 'public/bangban.html'    }}

关于如何进行vue多页面配置就分享到这里了，希望以上内容可以对大家有一定的帮助，可以学到更多知识。如果觉得文章不错，可以把它分享出去让更多的人看到。