用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 的全家桶系列教程：

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…