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')

使用

Vue2.x版本引入方式

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

使用

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

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

tabbar
web
list
image

效果截图

GankIO(Android客户端)Weex版本_第1张图片
效果图
GankIO(Android客户端)Weex版本_第2张图片
效果图
GankIO(Android客户端)Weex版本_第3张图片
效果图

工程源码

你可能感兴趣的:(GankIO(Android客户端)Weex版本)