[使用 Weex 和 Vue 開發原生應用] 0 項目介紹和文章目錄

背景介紹

Weex 和 Vue 已經互相支持，這也不是新聞了（若是你以爲是新聞，自行在網上搜相關信息……），Vue.js 也所以具有了開發原生應用的能力。

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

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

全球首個使用 Weex 和 Vue 開發的原生應用

那就是 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 《完整項目目錄詳解》