如何把一个完整的vue项目转成原生html模式_「译」Vue Native：使用Vue.js框架构建原生移动应用程序的指南...

为每个平台开发原生应用程序的成本可能很高，并不是每个人都负担得起。对于那些做不到的人，他们选择跨平台的应用程序开发。

而且，跨平台应用程序效率低下的日子已经一去不复返了。 Facebook的React Native是第一个改变游戏规则的工具，使开发人员可以轻松创建跨平台应用程序。

React Native作为灵感来源，跟随它的步伐，为跨平台应用创建自己的工具。接下来是Vue.js，这是一个流行的前端开发JavaScript框架。

由于易于学习，它在开发人员中非常受欢迎。 Vue.js的最大缺点是无法用于开发移动应用程序。但是Vue Native的发布改变了这一点。

Vue Native是什么？

Vue Native是由Web开发人员团队GeekAnts创建的，用于连接React Native和Vue.js。

它是一个JavaScript框架，用于在Vue.js中开发移动应用程序。 Vue UI框架将组织用户界面的开发。此外，该框架着重于视图层，因此非常易于理解。

基本上，它是开发轻量级应用的好选择。由于Vue Native是在MIT授权下提供的，开发者不需要担心版权问题。开发者需要做的就是安装creation-react-native-app(CRNA)来开始工作。

Vue Native的主要特征

基本功能如下：

• 双向绑定。双向绑定功能使开发人员可以立即查看模型中所做的任何更改，而无需等待UI元素执行它们。该功能有助于节省Vue Native应用程序编码的时间。
• 声明式渲染。通过声明式渲染功能，开发人员可以编写只关注输出的代码。不仅如此，实现细节也会被隐藏起来。开发者可以保持数据的一致性，只有当开发者输入新的代码时，才有可能对vue.js移动应用的代码进行任何更改。
• 使用React Native进行编译。由于Vue Native依赖于React Native，因此对于之前没有使用过React Native的初学者和开发者来说，使用简单的Native系统变得更加容易。以类似的方式，开发人员可以使用Vue渲染React组件。同样，Nativescript Vue将允许开发人员借助React Native中的Vue-native-scripts运行Vue组件。
• Vue原生路由器。此功能的工作方式类似于React Navigator Router插件，该插件可协助Vuex在页面之间进行导航。
• 动画/过渡。在Vue.js的帮助下，在DOM中添加，删除或更新HTML元素时，可以应用过渡元素，还可以通过添加第三方动画库来增加交互性。
• 计算属性。这无疑是Vue移动框架最重要的功能之一。计算出的属性将通过关注UI元素的变化来进行必要的计算。
• 组件。它们是可用于创建自定义元素的关键功能。相同的自定义元素可以在HTML中重用。因此，这些组件可帮助开发人员快速构建移动应用程序。

为什么Vue.js是开发人员的首选？

重要的是要知道框架流行的原因，以及为什么它是每个开发人员的首选。每个开发人员选择Vue Native的主要原因是它如何使整个开发过程变得无缝。

另一个原因是它的学习曲线平缓，使初学者更容易上手。它是js移动框架之一，开发速度快，插件访问方便。它受欢迎的其他原因如下：

• 学习曲线平缓。按照开发者的说法，这是一个容易学习的框架。在初始阶段，几行HTML和JavaScript就足以入门。很快就可以掌握Vue Native。
• 完善的生态系统。当开发人员需要特定问题的解决方案时，完善的生态系统将为他们提供帮助。
• 命令行界面(CLI)。CLI是Vue Native成功的主要因素，项目的初始设置时间被缩短。此外，CLI还附带了一个项目生成器，这使得开发人员更容易生成脚手架以及启动一个新项目。最新版本的CLI在项目开始时附带了一组问题，这些问题与项目要求和在最短的时间内搭建脚手架有关。
• 最佳Angular.JS和React.JS。Nativescript Vue带来了两个世界最好的东西--Angular.js和React.js任你处置。向世界介绍该框架的Evan You是前Google员工。他从事多个Angular.js项目。他使用Angular.js的某些功能开发了Vue Native。在某种程度上，可以说它消除了Angular.js的弊端。但实际上，它是Angular.js和React.js的完全混合。该框架中包含了两者的某些功能。

为什么Vue Native是构建Native APP的最佳选择？

以下一系列优势使该框架成为开发原生应用程序的合适选择。

• 在后端进行的任何更改都可以很快与实时版本同步。 Vue Loader和Vue CLI等特定工具可以更快地完成Vue应用程序开发项目。
• 如果你已经熟悉CSS，JavaScript或HTML，则可以快速开始使用Vue Native开发跨平台应用程序。
• Vue Native和React Native都使用虚拟DOM对象模型。同样，Vue代码被编译成React Native代码。因此，它是加快应用程序开发速度的理想选择。
• Vue的另一个主要优势是其出色的速度。该框架每秒能够更新数千个虚拟DOM元素。

该框架的其他优点包括：

• 轻巧的尺寸
• 优秀的Vue文档
• 渐进＆可以代替jQuery使用
• JSX支持

谁应该使用Vue Native？

不管是不是开发人员，每个人都会想到这个问题。如果你认为这个问题的答案是“是”或“不是”，那么你错了。这个问题的答案实际上取决于一系列因素。

首先，开发者团队的语言能力和项目的最终目标。如果开发人员精通React.js，那么Vue Native并不是一个好主意。

React.js开发人员在使用Vue Native时不会发现任何新东西。另一方面，如果开发人员精通Vue.js，那么该框架对于跨平台应用程序肯定是有用的。

其次，关于项目目标。如果一个Vue.js开发者同时熟悉Native-script Vue和Weex，那么主要取决于目标。Native-script Vue将允许开发者构建Android和iOS的跨平台应用。

相反，Weex将允许开发适用于Android，iOS和Web的跨平台应用程序。但是，对于Weex而言，最大的缺点是开发许可仅在中国可用。

对于原生应用程序，Weex是更好的选择。但是，如果该应用程序适用于大型社区，则“Native-script”是合适的选择。

总结

综上所述，可以说Vue Native是开发原生应用程序的理想选择。此框架的USP是用户友好的。开发人员可以轻松地学习，练习并成为专家。

它不仅易于使用，而且还是应用程序开发最快的框架。

---

如果对你有所启发和帮助，可以点个关注、收藏、转发，也可以留言讨论，这是对作者的最大鼓励。

作者简介：Web前端工程师，全栈开发工程师、持续学习者。

私信回复：大礼包，送某网精品视频课程网盘资料，准能为你节省不少钱！