摘要：全球首個(gè)使用和開發(fā)的原生應(yīng)用那就是官方出了一個(gè)，是一個(gè)完整的使用的例子，并且用到了和服務(wù)端渲染。項(xiàng)目介紹和文章目錄配置開發(fā)環(huán)境編寫?yīng)毩㈨撁媸褂每蚣艿奶匦允褂闷脚_(tái)的功能使用使用完整項(xiàng)目目錄詳解

Weex 和 Vue 已經(jīng)互相支持，這也不是新聞了（如果你覺得是新聞，自行在網(wǎng)上搜相關(guān)信息……），Vue.js 也因此具備了開發(fā)原生應(yīng)用的能力。

Vue 官方倉庫中包含了適配 Weex 平臺(tái)的代碼，Weex 也引入了 Vue Runtime 并集成進(jìn)了 SDK 中，第一個(gè)支持 Vue 的 WeexSDK 版本是 v0.9.5，后續(xù)版本也都將會(huì)支持，建議保持更新。

兩個(gè)框架之所以能互相適配，是因?yàn)閮蓚€(gè)框架在最初設(shè)計(jì)時(shí)就充分考慮到了擴(kuò)展性，眼光深遠(yuǎn)！框架合作減少了開發(fā)者的學(xué)習(xí)負(fù)擔(dān)，是個(gè)好事情，可喜可賀???。

那就是 weex-hackernews ！

Vue 官方出了一個(gè) vue-hackernews，是一個(gè)完整的使用 Vue 2.0 的例子，并且用到了 Vuex 、 vue-router 和服務(wù)端渲染。仿照這個(gè)思路，我們也寫了一個(gè) weex-hackernews ，不僅用到了 Vue 框架的各種特性，也用到了 Vuex 和 vue-router ，在 Web 、 Android 、 iOS 上都能正常工作，一個(gè)完整的三端都有的 App ！可以作為一個(gè)范例供大家參考。

這個(gè)項(xiàng)目實(shí)際證明了 Weex + Vue 在 Web 、Android 和 iOS 上都是完全可以運(yùn)行的，Vuex 和 vue-router 也可以運(yùn)行在移動(dòng)端上。我是驗(yàn)證過的，所以我可以有底氣地說：Weex + Vue 可以開發(fā)原生應(yīng)用！Weex + Vue 可以開發(fā)原生應(yīng)用??！Weex + Vue 可以開發(fā)原生應(yīng)用?。?！

為什么確認(rèn)是“全球首個(gè)”，因?yàn)樵趯戇@個(gè)項(xiàng)目的時(shí)候，還沒對(duì)外發(fā)布過支持 Vue 的 WeexSDK，沒有使用 Vue 的文檔，甚至還沒有 Web 端的渲染器（weex-vue-render）。我當(dāng)時(shí)是一邊寫項(xiàng)目，一邊寫 Web 渲染器，一邊適配 Vue 在 Native 上運(yùn)行有沒有問題，最后才補(bǔ)的文檔。。。

我是一個(gè)前端，略懂一些 Andorid 和 iOS ，可能客戶端上的代碼質(zhì)量并不高，如果大家看哪里不順眼，歡迎給我提 PR ~

《Weex 快速上手》

《Vue.js 介紹》

《Weex 和 Web 平臺(tái)的差異》

《使用 Vue 開發(fā) Weex 頁面》

《Vue.js 在 Weex 和 Web 中的差異》

《在 Weex 中使用 Vuex 和 vue-router》

因?yàn)檫@跨框架甚至跨端的技術(shù)，放在誰那里都不合適，所以官方文檔都寫得中立一些；這個(gè)系列的文章會(huì)比官方文檔更詳細(xì)一些，而且會(huì)以 weex-hackernews 為實(shí)例講代碼，講細(xì)節(jié)。

每個(gè)人對(duì) Weex 和 Vue 的了解程度不一樣，對(duì)原生開發(fā)和前端開發(fā)的了解程度也不一樣，所以沒有最佳學(xué)習(xí)順序，建議【看文檔】【看代碼】【寫例子】交叉循環(huán)。

0 《項(xiàng)目介紹和文章目錄》

1 《配置開發(fā)環(huán)境》

2 《編寫?yīng)毩㈨撁妗?

3 《使用 Vue 框架的特性》

4 《使用 Weex 平臺(tái)的功能》

5 《使用 Vuex》

6 《使用 vue-router》

7 《完整項(xiàng)目目錄詳解》