Weex首秀(1)

一直想做一个APP,去年也自学过一段时间的React Native, 但是RN相对来说学习曲线比较陡峭,并且很多资源包在下载时都不是那么容易,经常error(这个大家都懂), 所以这事儿就不了了之了。

前两天看了weex的会议,觉得阿里又在放大招了,这个工具虽然目前学习社区不多,资源组件不丰富,但是本身调式来发非常便捷,weex playground非常不错,并且因为weex是基于vue的,所以入门简单,npm run build打包以后部署到自己的服务器上,用二维码扫描以后就可以拥有一个自己的APP了,并且是兼容三端的,这一点非常诱人。

于是,我就从github上找到了一个别人的项目,https://github.com/dodola/WeexOne,然后改造一个属于自己的APP。
总体样式如下:

Weex首秀(1)_第1张图片

开始动手!

首先,引入了picker组件,这个组件用来进行时间选择,前端效果不错。


Weex首秀(1)_第2张图片
 require('weex-components');
    const picker = require('@weex-module/picker');
  export default {
    data () {
      return {
        value: ''
      }
    },
    methods: {
      pickTime () {
        picker.pickTime({
          value: this.value
        }, event => {
          if (event.result === 'success') {
            this.value = event.data
          }
        })
      }
    }
  }

接下来想尝试一下vue中的组件能否在weex中使用,比如UI组件mint,并且引入API数据。

未完待续。

你可能感兴趣的:(Weex首秀(1))