如何看待Vue和Cordova来开发移动端APP

Question

解决目标

使用 vue-cli 来编写移动版本的单页应用，使用 Cordova 的插件来实现 js 与 native 的交互，如调用相机、打开相册等，最后使用 Cordova 实现打包发布。

我所知的

经过一天的倒腾，有了一些相关的理解和想法。

• Cordova 的插件类型丰富，能满足基本开发需求。

• Cordova 的插件UI不咋滴，可能需要二次开发。

• 将 npm run build 打包的 dist 文件夹中的内容放到 Cordova 项目的 www 目录下即可实现简单页面的Cordova打包发布。

• 对于Vue，网上有 vue-cordova 可以用，至于怎么用~可以看DEMO（我不看demo瞎搞了两个小时没倒腾出个所以然）。

• 对于 Angular，有 Ionic 这个基于 Cordova 的解决方案。

• 最后呢，发现所谓混合开发，其实还是要懂一些Native开发知识的。

问题

• 有没有使用Vue和Cordova来做的比较好的开源项目供参考呢？

• 有没有公司是用Vue和Cordova来开发项目的呢？

• 如何看待Vue和Cordova来开发移动端APP。

Answer 1

1.用cordova来做移动应用，意味着页面渲染将会是个很大的瓶颈。

就以前用过的ionic1为例，搭配的就是cordova来调用需要的native接口，比如拍照之类的功能。还有就是，用它来打包h5页面，进一个webview里。

这意味着，页面全是h5+ionic（基于angular语法），h5页面在大图列表的渲染上会很吃性能，特别是在android4.4及以下的机器上，卡顿特别明显，最终不得不放弃了。

或许现在的angular4会拯救ionic吧（还没试过）。ionic貌似也出到3了？但是，学习曲线会比较陡，因为typeScript。

2.跟vue比较配的，目前是weex。就像react跟react native一样。还是比较看好这2个的。

因为，app端会对用vue写的页面元素，做原生编译化处理。这才等于用h5来写原生app，而非webview。

希望对题主有帮助~

Answer 2

没有用过Cordova开发过产品，据我所知体验很差，你可以阿里的weex（vue），听说性能各方面比较接近原生，体验会好很多

Answer 3

已经做过不少项目都有用到vue+cordova的组合了.

基本遇到的问题都是可以控制和解决的.

有的项目其实就是需要一个打包H5的壳, 这时候主要的工作量在H5前端.

有的项目比较重型, 需要用到大量第三方原生sdk以及自定义原生功能, 这个时候就需要看native的解决能力了.比较困惑的一点是, 需求往往忽视了功能实现的技术难度, 很多时候都在做一个选择, 同样的功能到底是用H5来实现还是用native, 用H5的话开发难度低兼容性好,用native的话开发难度大体验好. 如果项目经理没有很好的技术储备, 并对项目需求和开发人员的技能有很好的掌控的话就会走很多弯路.

总之, 各种技术都有各自的优劣. 如果楼主是单问 vue+cordova是否可行的话, 我的回答是,可以.

Answer 4

weex目前还不能很稳定，有很多坑需要填，谨慎入坑吧

Answer 5

你会知道什么叫兼容调到死

Answer 6

有一个 angular+cordova的产物叫 ionic 提供了丰富的用户界面

Answer 7

cordova + vue + webpack + framework7 应该会很不错。