用Vue.js開發原生應用選擇Weex仍是NativeScript?

Vue.js是一個很好的框架！它有一個友好的學習曲線，結合了最好的React的組件方法和Angular的模板。儘管如此，Vue.js仍然有一個限制，它還不能像React的React Native，Vue.js目前尚未穩定、普遍採用的方法來開發原生應用程序。

不過，這確定會改變！目前有兩個框架正在開發，能夠打開用Vue.js框架建立本地應用程序之門，咱們都很喜歡的：Weex和NativeScript。在本文中，咱們將比較這兩個框架，並讓你感受到他們頗有趣味，至少想去嘗試其中一個！

Weex

Weex是一個項目，由中國電子商務巨頭阿里巴巴創造。它的口號是「一次編寫，處處運行」，這意味着你可使用徹底相同的代碼庫構建網站（HTML5），Android和iOS的應用。目前有幾個Weex的生產項目，在中國可能有數以百萬計的用戶。對Weex的核心正在積極發展中，每週都會PRs。Weex有一些組件和插件與本地的平臺交互，還有一套有點粗糙的工具。

不幸的是，Weex開發商不認爲使平臺可用，對於開源社區是一個優先選項。確保文檔，github等等，有些東西愈來愈好了，Weex是在Apache孵化器下（ASF）。可是…尚未明確的方法來創建一個從零開始的Weex項目本地代碼不會遭到黑客的大量攻擊。另外，忘了說英語在使用在官方的gitter通道里（https://gitter.im/weexteam/cn）…

NativeScript

四月，Igor Randjelovic開闢了另外的可能性，使用Vue與NativeScript。Nativescript-Vue（https://github.com/rigor789/nativescript-vue）是一個NativeScript插件，是Vue.js virtual DOM和NativeScript組件之間的橋樑，讓你能夠用Vue.js構建跨平臺的應用程序。雖然這個項目還處於早期階段，不太適合生產應用程序，但它有很大的潛力，由於它利用了NativeScript框架全部的工具、組件和插件，數量巨大的可用庫。經過WebPack，你甚至可使用.Vue單文件組件（能夠看下這個模板https://github.com/tralves/nativescript-vue-webpack-template）。

社區是偉大的，很是好的支持！若是你參加官方的Slack，你會發現不少友善的人願意幫助，包括NativeScript核心團隊的開發者，NativeScript Vue的創造者，和其餘參與項目的人。有人想爲Nativescript-vue作更多的工做！

利弊綜述

總結每一個框架的優勢和缺點，我認爲：

• Weex：

1. 已經用於生產環境（雖然只在中國）；
2. 可用於Web、Android和iOS的構建；
3. 很好的社區；
4. 工具仍是有些簡陋的；
5. 沒有明確的路徑來知道如何啓動一個項目；

• NativeScript Vue：

1. 很棒的社區！
2. 可利用全部NativeScript平臺；
3. 還沒準備好用戶生產環境；
4. 目前只能用戶Android和iOS的構建（儘管有人在Web構建中共享代碼）；

最後的裁決

在開源項目中，社區賽過技術。Weex已經開始有幾個月了，而且由一個大公司的支持，但咱們尚未看到在社區裏有大的進步的東西。另外一方面，NativeScript + Vue已經獲得愈來愈多的關注。固然，也有一些粗糙的地方，可是一旦他們清除了問題，咱們將有一個堅實的框架來開發本地應用程序使用Vue.js。

我賭NativeScript！

連接

Weex：

1. 官方網站：http://weex.incubator.apache.org/
2. Weex怎麼樣：https://hackernoon.com/how-to-create-a-weex-vue2-project-6b94981bee4e
3. 使用Weex來構建的應用清單: https://github.com/tralves/weex-todo-list

NativeScript + Vue.js：

1. NativeScript Vue：https://github.com/rigor789/nativescript-vue
2. NativeScript Vue：https://www.nativescript.org/blog/a-new-vue-for-nativescript
3. NativeScript的slack頻道：http://developer.telerik.com/wp-login.php?action=slack-invitation
4. NS + Vue template: https://github.com/tralves/nativescript-vue-template
5. NS + Vue template with webpack (ready for .vue single file components): https://github.com/tralves/nativescript-vue-webpack-template

嗯…你怎麼知道這些東西的？

我一直在使用Weex。我所作的一些試驗，創建了一個演示程序，演練視頻，寫文章，提出了Weex的局部事件等。而後，我登上了Nativescript Vue的列車！我也寫了一個愚蠢的應用程序，贏了一場比賽，並創建了幾個模板，以平滑啓動過程。

分享一個 Vue.js 2 的全家桶系列教程：

1.vue.js 2 入門與提升: http://xc.hubwiz.com/course/vue.js

2.vuex 2 入門與提升: http://xc.hubwiz.com/course/vuex

3.vue-router 2 入門與提升: http://xc.hubwiz.com/course/vuerouter

4.vue.js 2 + webpack 工程化實踐: http://xc.hubwiz.com/course/vuegch