摘要：全球首個使用和開發的原生應用那就是官方出了一個，是一個完整的使用的例子，并且用到了和服務端渲染。項目介紹和文章目錄配置開發環境編寫獨立頁面使用框架的特性使用平臺的功能使用使用完整項目目錄詳解

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

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

兩個框架之所以能互相適配，是因為兩個框架在最初設計時就充分考慮到了擴展性，眼光深遠！框架合作減少了開發者的學習負擔，是個好事情，可喜可賀???。

那就是 weex-hackernews ！

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

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

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

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

《Weex 快速上手》

《Vue.js 介紹》

《Weex 和 Web 平臺的差異》

《使用 Vue 開發 Weex 頁面》

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

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

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

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

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

1 《配置開發環境》

2 《編寫獨立頁面》

3 《使用 Vue 框架的特性》

4 《使用 Weex 平臺的功能》

5 《使用 Vuex》

6 《使用 vue-router》

7 《完整項目目錄詳解》