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

hahajin發表於2018-04-13

用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的列車!我也寫了一個愚蠢的應用程式,贏了一場比賽,並建立了幾個模板,以平滑啟動過程。

原文:https://www.toutiao.com/i6508504073317122567/

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

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

1.vue.js 2 入門與提高: xc.hubwiz.com/course/vue.…

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

3.vue-router 2 入門與提高: xc.hubwiz.com/course/vuer…

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

相關文章