Чтобы программировать для Cordova на современном фреймворке Vue.js необходимо учитывать факторы, которые дают знать коду на Vue.js, что все ресурсы устройства загружены и начался черед исполнения кода на Vue.js. Ниже представлен скелет данного кода. По сути дела, это переделанный код из файла по умолчанию index.js в понятный вид:
var app = { initialize: function() { //Делаем инициализацию this.bindEvents(); this.setupVue(); }, bindEvents: function() { document.addEventListener('deviceready', this.onDeviceReady, false); }, onDeviceReady: function() { app.receivedEvent('deviceready'); }, receivedEvent: function(id) { console.log('Received Event: ' + id); }, setupVue: function() { //Начинаем кодить на фреймворке Vue.js var app = new Vue({ el: '#app', data: { message: 'Hello Vue!' } }) } } //Запускаем приложение app.initialize();
В плане организации и подключения файлов скриптов важно подумать об оптимизации.