cordov vue項目中調用手機原生api

cordova不只能夠把vue項目打包成app，還能夠讓vue藉助cordova調用手機原生的api 好比拍照 好比圖片上傳 好比定位 好比掃描二維碼 好比支付等等

Vue Cordova教程-Vue+Cordova打造跨平臺可安裝的混合APP視頻教程: https://www.itying.com/goods-937.html

一、使用vue-cordova 插件 （不推薦使用）

https://github.com/kartsims/vue-cordova

一、vue項目安裝npm install --save vue-cordova

二、在main.js引入插件並use插件 import VueCordova from ‘vue-cordova’

Vue.use(VueCordova)

三、調用插件 注意在對應的組件須要引入 var Vue = require(‘vue’);

Vue.cordova.camera.getPicture((imageURI) => {
                 window.alert('Photo URI : ' + imageURI)
            }, (message) => {
                 window.alert('FAILED : ' + message)
            }, {
                 quality: 50,
                destinationType: Vue.cordova.camera.DestinationType.FILE_URI
            })

四、注意須要在vue項目 index.html引入 cordova.js

 <script src="cordova.js"></script>

二、index.html 引入cordova.js 並定義全局變量讓vue組件裏面直接使用cordova插件。 （推薦的使用方法）

一、在vue index.html引入cordova.js （注意順序 cordova.js放在build.js上面）

二、直接能夠在組件裏面使用cordova的api （注意cordova裏面要安裝api的插件）

注意cordova.js放在vue build.js的上面