加入收藏 | 设为首页 | 会员中心 | 我要投稿 李大同 (https://www.lidatong.com.cn/)- 科技、建站、经验、云计算、5G、大数据,站长网!
当前位置: 首页 > 百科 > 正文

Vue学习记录-初探Vue

发布时间:2020-12-16 23:19:29 所属栏目:百科 来源:网络整理
导读:写在开头 2017年,部门项目太多,而且出现了一个现象,即:希望既要有APP,也能够直接扫码使用,也能放到微信公众号里面。 从技术角度来说,APP我们可以选择原生开发,也可以选择ReactNative进行开发。无论是普通扫一扫APP,还是微信里面的扫一扫,直接使用

写在开头

2017年,部门项目太多,而且出现了一个现象,即:希望既要有APP,也能够直接扫码使用,也能放到微信公众号里面。

从技术角度来说,APP我们可以选择原生开发,也可以选择ReactNative进行开发。无论是普通扫一扫APP,还是微信里面的扫一扫,直接使用的话,那就需要考虑H5页面。微信公众号,实质上也是一个H5,当然需要调用微信服务的自然离不开微信的jssdk。

那么问题来了,如何提高复用率?答案,可能各位心里也有,那就是H5做页面开发。APP通过webview包皮打包、手机浏览器直接访问、微信直接访问。

说完了这一些,接下来的重点,就是选型了。经过一天的搜索,最终定位到了Vue()

TODO

  • Vue环境搭建,新建工程office-Vue(公司的一个OA产品,原生开发的[iOS、Android])
  • UI框架
  • 画页面(登录、主菜单、列表、详情)
  • 页面跳转,也可以叫路由
  • 权限控制(是否登录)
  • APP原生工程改造,添加title显示(毕竟是希望一个H5页面能够复用到多个场景下,NavigationBar是个必须要解决的问题,微信里面两个Bar毕竟不好看)
  • 打包发布

初探Vue

根据Vue官网的引导,搭建的过程其实很简单

1. 安装 Vue

通过Vue画出这个页面,然后再去考虑接口通讯方案。

接下来就是用

(编辑:李大同)

【声明】本站内容均来自网络,其相关言论仅代表作者个人观点,不代表本站立场。若无意侵犯到您的权利,请及时与联系站长删除相关内容!

    推荐文章
      热点阅读