Vue 创建多页面应用模式

Posted zyueer

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了Vue 创建多页面应用模式相关的知识,希望对你有一定的参考价值。

一、多页和单页 应用模式对比

 

  多页应用模式 单页应用模式
应用组成 由多个完整页面组成 由一个外壳页面和多个页面片段组成
跳转方式 页面间跳转 在外壳页面里面,进行页面片段的跳转
加载方式 重新加载
URL模式 http://xxx/page1.html http://xxx/shell.html#page1
用户体验   更加流畅
页面数据传递   更加容易
搜索引擎 可以直接做 有点麻烦??
     

二、新版本 vue-cli

 

以上是关于Vue 创建多页面应用模式的主要内容,如果未能解决你的问题,请参考以下文章

vue的多页面配置

Vue3.0结合bootstrap做多页面应用创建项目

vue-cli配置多页面应用

vue3多页面运行与打包

多页vue应用的单页面打包方法(内含打包模式的应用)

记录Vite项目多页面应用模式踩坑