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

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

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

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

那就是 weex-hackernews ！

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

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

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

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

《Weex 快速上手》

《Vue.js 介紹》

《Weex 和 Web 平臺的差異》

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

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

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

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

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

0 《項目介紹和文章目錄》

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

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

3 《使用 Vue 框架的特性》

4 《使用 Weex 平臺的功能》

5 《使用 Vuex》

6 《使用 vue-router》

7 《完整項目目錄詳解》