一直想做一個(gè)APP,去年也自學(xué)過一段時(shí)間的React Native
, 但是RN相對(duì)來說學(xué)習(xí)曲線比較陡峭秘狞,并且很多資源包在下載時(shí)都不是那么容易蹈集,經(jīng)常error(這個(gè)大家都懂), 所以這事兒就不了了之了。
前兩天看了weex的會(huì)議减响,覺得阿里又在放大招了,這個(gè)工具雖然目前學(xué)習(xí)社區(qū)不多辩蛋,資源組件不豐富移盆,但是本身調(diào)式來發(fā)非常便捷,weex playground非常不錯(cuò)咒循,并且因?yàn)閣eex是基于vue的,所以入門簡(jiǎn)單颖医,npm run build
打包以后部署到自己的服務(wù)器上裆蒸,用二維碼掃描以后就可以擁有一個(gè)自己的APP了,并且是兼容三端的僚祷,這一點(diǎn)非常誘人。
于是俺榆,我就從github上找到了一個(gè)別人的項(xiàng)目装哆,https://github.com/dodola/WeexOne,然后改造一個(gè)屬于自己的APP蜕琴。
總體樣式如下:
開始動(dòng)手凌简!
首先梗夸,引入了picker組件号醉,這個(gè)組件用來進(jìn)行時(shí)間選擇,前端效果不錯(cuò)铅碍。
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數(shù)據(jù)烦绳。
未完待續(xù)。