vue单页应用和多页应用_多页面应用需要vuejs吗

vue单页应用和多页应用_多页面应用需要vuejs吗进入一家新的公司,要开发移动端app项目,前端技术选型时前端组长选的是vue的多页面开发,当时很蒙,vue不是单页面开发吗?咋出来多页面的。接触之后才发现确实存在也挺简单的,省去了路由表的配置。那就给大家整体思路分析一波吧。不足之处还请包涵!单页面开发我就不多说了,主要讲多页面的开发模式与最终效果,网上一搜单页面会有好多文章博客,但是搜多页面的就很少了,比如下面这个就是列了一下两种开发模式的优缺点。首先多页开发,肯定是一个页面就是一个单独文件,每个文件也有自己的.vue.js和comp.

大家好,又见面了,我是你们的朋友全栈君。如果您正在找激活码,请点击查看最新教程,关注关注公众号 “全栈程序员社区” 获取激活教程,可能之前旧版本教程已经失效.最新Idea2022.1教程亲测有效,一键激活。

Jetbrains全系列IDE稳定放心使用

进入一家新的公司,要开发移动端app项目,前端技术选型时前端组长选的是vue的多页面开发,当时很蒙,vue不是单页面开发吗?咋出来多页面的。接触之后才发现确实存在也挺简单的,省去了路由表的配置。那就给大家整体思路分析一波吧。不足之处还请包涵!

单页面开发我就不多说了,主要讲多页面的开发模式与最终效果,网上一搜单页面会有好多文章博客,但是搜多页面的就很少了,比如下面这个就是列了一下两种开发模式的优缺点。

vue单页应用和多页应用_多页面应用需要vuejs吗

 

首先多页开发,肯定是一个页面就是一个单独文件,每个文件也有自己的.vue .js 和compoent自身组件,如下page里的一个文件就是一个页面。

vue单页应用和多页应用_多页面应用需要vuejs吗

 

 那这么多页面之间如果有参数需要互相传递,这时就只能借用localStorage本地存储了,或者封装一个全局传参方法,挂载注册到main.js里,我是封装的localStorage方法。

如果页面之间相互跳转,没有单页面路由了,那就只能是window.location.href了,alertDialog里的哪个app.openView是安卓跳转方法,其实就相当于下面的注释。

vue单页应用和多页应用_多页面应用需要vuejs吗

 

 那么这些页面最终也需要打包,最核心的就是下面方框里的代码了,chunk最终就是每个页面的文件名,对应的就是文件名.html.

glob是打包多页面的一个方案插件,最后把pages对象抛出就行了。

vue单页应用和多页应用_多页面应用需要vuejs吗

版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请联系我们举报,一经查实,本站将立刻删除。

发布者:全栈程序员-站长,转载请注明出处:https://javaforall.net/182430.html原文链接:https://javaforall.net

(0)
上一篇 2022年10月13日 下午2:36
下一篇 2022年10月13日 下午2:36


相关推荐

  • OpenClaw范式跃迁:当 170+ API 注入RHClaw ,Agent 正式跨入多模态时代

    OpenClaw范式跃迁:当 170+ API 注入RHClaw ,Agent 正式跨入多模态时代

    2026年3月16日
    2
  • 掌握文心一言的图像生成技巧:轻松创造视觉艺术

    掌握文心一言的图像生成技巧:轻松创造视觉艺术

    2026年3月12日
    2
  • Vue组件通信的六种方式

    Vue组件通信的六种方式前言组件是 vue js 最强大的功能之一 而组件实例的作用域是相互独立的 这就意味着不同组件之间的数据无法相互引用 一般来说 组件可以有以下几种关系 如上图所示 A 和 B B 和 C B 和 D 都是父子关系 C 和 D 是兄弟关系 A 和 C 是隔代关系 可能隔多代 针对不同的使用场景 如何选择行之有效的通信方式 这是我们所要探讨的主题 本文总结了 vue 组件间通信的几种方式 如 props emit on vuex parent children attrs listen

    2026年3月18日
    1
  • 求三角形面积——C语言

    求三角形面积——C语言C 语言 利用海伦公式求三角形面积代码如下 include stdio h include math h voidmain floata b c p doubleS printf 请输入三边长度 n scanf f f f amp a amp b amp c if a b gt c amp amp b c gt a amp amp a c gt b p a b c 2 S sq math h stdio h

    2026年3月19日
    3
  • linux fdisk 分区、格式化、挂载!

    linux fdisk 分区、格式化、挂载!文件系统的一个使用流程 存储介质选择 硬盘分区操作 创建分区来容纳文件系统 创建分区 这个分区可以是整个硬盘也可以是部分硬盘 创建文件系统 我们在存储数据之前 你必须使用文件系统对其分区进行格式化 把它挂载到虚拟目录 写入配置文件 etc fstab 硬盘分区的划分标准 硬盘分区由主分区 扩展分区和逻辑分区组成在一块硬盘上 如果是 MBR 分区方式 那么它

    2026年3月26日
    3
  • Google API 地图离线版「建议收藏」

    Google API 地图离线版「建议收藏」GoogleMapAPIV3离线版可以不在线调用GoogleMapJavaScritp的情况下,仍然可以使用GoogleMap的服务。Google地图在中国最后申请的牌照时间已经过了,仍然没有看到官方通过的说明,很有可能Google地图在7月份会被停掉,这对我们这些经常使用Google地图,或者二次开发者来说,会是一个巨大的悲哀!这对国内的地图服务商或许是一件好事,可

    2026年1月29日
    3

发表回复

您的邮箱地址不会被公开。 必填项已用 * 标注

关注全栈程序员社区公众号