vue多页面与单页面开发的区别。
2024-09-02 01:20:38
进入一家新的公司,要开发移动端app项目,前端技术选型时前端组长选的是vue的多页面开发,当时很蒙,vue不是单页面开发吗?咋出来多页面的。接触之后才发现确实存在也挺简单的,省去了路由表的配置。那就给大家整体思路分析一波吧。不足之处还请包涵!
单页面开发我就不多说了,主要讲多页面的开发模式与最终效果,网上一搜单页面会有好多文章博客,但是搜多页面的就很少了,比如下面这个就是列了一下两种开发模式的优缺点。
首先多页开发,肯定是一个页面就是一个单独文件,每个文件也有自己的.vue .js 和compoent自身组件,如下page里的一个文件就是一个页面。
那这么多页面之间如果有参数需要互相传递,这时就只能借用localStorage本地存储了,或者封装一个全局传参方法,挂载注册到main.js里,我是封装的localStorage方法。
如果页面之间相互跳转,没有单页面路由了,那就只能是window.location.href了,alertDialog里的哪个app.openView是安卓跳转方法,其实就相当于下面的注释。
那么这些页面最终也需要打包,最核心的就是下面方框里的代码了,chunk最终就是每个页面的文件名,对应的就是文件名.html.
glob是打包多页面的一个方案插件,最后把pages对象抛出就行了。
最新文章
- 报错注入分析之Extractvalue分析
- 怎么修改tabbar的默认选中界面
- 在desk于webi中资料查询不一致
- 【Effective c++】条款6:若不想使用编译器自动生成的函数就应该明确拒绝
- 【暴力模拟】UVA 1594 - Ducci Sequence
- 初学Android:意图之intent
- [NOIP2007]奖学金
- ARM开发板系统移植-----u-boot的编译
- Git 的 .gitignore 配置 转载
- Java8 Stream代码详解+BenchMark测试
- jQuery:deferred [转]
- @Data注解使用后在eclipse中get/set报错解决方法
- nginx正向代理和反正代理区别
- 使用Linux命令行测试网速
- semantic-ui 模态窗口
- 三个UID
- [BZOJ4851][JSOI2016]位运算[矩阵快速幂]
- sencha touch Ext.Ajax.request 错误 Cannot call method 'request' of undefined 解决方案
- 标头“Vary:Accept-Encoding”指定方法[转]
- C# 后台添加Log信息