GankIO(Android客户端)Weex版本

GankIO(Android客户端)Weex版本

概述

前一段使用.we的方式做了一个项目,一直没有升级到Vue,感觉升级的过程中的坑会有很多暂没有升级
自己就先写一个Demo测试一下,看看使用Vue2.x开发,有哪些变化
项目基于Weexpack(0.4.2)版本,使用Vue2.x开发,只有Android版本,有兴趣的童鞋可以添加对用的iOS版本
最新的weexpack版本支持Vue开发,之前的版本(0.3.7)
不支持Vue开发(或者说需要自己配置才能支持)

开工

具体的开发环境搭建的过程请参考 搭建开发环境,这里不再累述。使用weexpack创建工程,并添加Android的工程

在开发之前,请先参考 Weex 和 Vue 2.x 的语法差异

然后就是编写Vue的组件,需要注意的是引入组件的方式

Weex版本引入方式

require('../modules/listitem.we')

使用
<listitem></listitem>

Vue2.x版本引入方式

components:{
    listitem:require('../modules/listitem.vue'),
},

使用
<listitem></listitem>

具体的可以参考工程中的源码 组件引入

在开发过程中使用到的组件

tabbar
web
list
image

效果截图

效果图
效果图
效果图

工程源码

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • Android 自定义View的各种姿势1 Activity的显示之ViewRootImpl详解 Activity...
    passiontim阅读 175,335评论 25 709
  • 每个人都会有留着最长久,最有感情的东西。 我最长情的存在就是我的笔记本,后来慢慢养成了走到哪都喜欢买个笔记本的习惯...
    老玖九阅读 2,972评论 2 4
  • 《 栀子花开》上映了,约上闺蜜一起去看。心想着,毕竟是何老师首部导演的电影,怎样都应该捧捧场,买票取票看电影...
    笔尖上的躁动阅读 2,338评论 0 1
  • 今天是写亲子日记的第一天,平时也会偶尔写写日记,但是从来没有分享过。看着群里的家长们天天写亲子日记,记录孩子的点点...
    杨加利阅读 1,592评论 0 0