上次记录了如何用cordova打包成一个apk, cordova 项目打包android apk
今天基于这个基础来拓展一下，在vue中通过cordova调用android原生代码（以接口showToast为分例）：
1.使用脚手架vue-cli4创建一个默认的vue项目，添加一个按钮用来调用原生接口，确定浏览器打开正常之后继续下一步
2.给按钮绑定事件，如图：
这里注意下如果eslint开启检测了，会报找不到cordova，忽略它...
3.修改vue项目public目录的index.html，添加cordova.js引用
4. 拷贝cordova.js和cordova_plugins.js到vue项目的public目录下
这两个js哪来的？上一篇使用cordova创建android工程中自动生成的，拷过来即可
5.执行打包命令，生成文件如下图：
这里有个坑注意下，如果你打包的vue项目在android设备上显示白屏，那可能是vue.config.js的publicPath需要注意下（改成相对路径）
6. 好了，到这里vue部分的就结束了，我们把打包后生成的文件拷贝到android工程www目录下
7. 上面说到要调原生代码，以"showToast"为例，那在android中怎么封装一个这样的接口供vue来调呢？下面三步即可：
7.1. 创建plugin，继承CordovaPlugin
7.2. 编写方法
7.3. res/xml/config.xml添加配置
8. 运行apk,点击按钮，弹出Toast表示原生接口调用成功
