zoukankan      html  css  js  c++  java
  • vue多页面与单页面开发的区别。

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

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

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

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

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

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

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

  • 相关阅读:
    PHP 多参数方法的重构
    PHP cURL库函数抓取页面内容
    PHP下载远程文件到指定目录
    PHP生成特定长度的纯字母字符串
    PHP提取奇数或偶数下标元素
    Java中的clone()----深复制,浅复制
    LeetCode题解 343.Integer Break
    MySQL学习笔记(四):存储引擎的选择
    存储过程优缺点
    MySQL学习笔记(三):常用函数
  • 原文地址:https://www.cnblogs.com/xiaopeilin/p/12794895.html
Copyright © 2011-2022 走看看