Cordova + Vue.js で Cordova のイベントを拾う方法

Ⅰ. はじめに

タイトルの通り「Cordova + Vue.js で Cordovaのイベントを拾う方法」です。

Ⅱ. やり方

1. vue-cordova をインストールする

npm install vue-cordova

2. プログラムを書く

src/main.js

import Vue from 'vue'
import VueCordova from 'vue-cordova'
Vue.use(VueCordova)

Vue.cordova.on('deviceready', () => {
  alert('Cordova : device is ready !')
})

3. ビルドする

npm run build
cordova run android

実行結果

参考

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