2019-06-01crodova 打包Vue获取版本号

使用crodova可以把传统的web应用打包成APP运行在android 和IOS上。
但有时候时间或者其他的原因，有些功能暂时没有开发，需要后面迭代。这个时候就要获取版本号，然后比对，如果版本号小于后台的，则提醒用户更新。

如何获取版本号：

在crodova项目中安装插件。

cordova plugin add cordova-plugin-app-version

然后在Vue项目的main.js里不能直接new vue ,这样的话，在设备中是获取不到版本号的。
需要等设备就绪后才能获取版本号。
这样设置即可：

document.addEventListener('deviceready', function() {
    new Vue({
        el: '#app',
        router,
        store,
        data() {
            return {
                transitionName: "",
                vflag: true
            }
        },
        components: {
            navCom
        },

    })
}, false);

这个时候一般没毛病的话就可以获取版本号了。
我们试着在首页获取

在生命周期中获取

然后打包，在手机安装程序。
因为这是console.log显示出信息。(你也可以alert，或者其他方式显示出版本号！)

这里我们可以安装一个谷歌浏览器的插件，调试手机（手机要开启开发中模式）。

谷歌浏览器插件

然后手机打开打包的APP，点击inspect即可同事手机视图，可以看到已经打印了版本号，然后就可以和服务器比对，并提醒用户更新了。