javascript - vuejs は undefined のプロパティ保存を読み取れません

Question

vue save メソッドに問題があります。適切に定義されていない理由がわかりません。Laravel 5、VueJS 2、および webpack を使用してコンパイルします。

したがって、私の app.js には次のものがあります。

var Vue = require('vue');
var VueRouter = require('vue-router');
var VueResource = require('vue-resource');
import VueSweetAlert from 'vue-sweetalert';

Vue.use(VueRouter);
Vue.use(VueResource);
Vue.use(VueSweetAlert);

const router = new VueRouter({
    hashbang: false,
    history: true,
    linkActiveClass: 'active',
    mode: 'hash',
    saveScrollPosition: true,
    transitionOnLoad: true,
    routes: routes
})

const app = new Vue({
    router
}).$mount('#app')

私の createLocation.vue には、次のコードがあります。

methods:{
  onSubmit: function(e){
    var self = this;
    e.preventDefault();

    var formData = {
        name: self.vmName,
        street: self.vmStreet,
        street_number: self.vmStreetNumber,
        postal: self.vmPostal,
        city: self.vmCity,
        contactName: self.vmContactName,
        contactPhone: self.vmContactPhone,
        contactEmail: self.vmContactEmail,
        username: self.vmUsername,
        password: self.vmPassword
    };

    self.resource.get(formData).then((response) => {
        self.$swal('Gelukt', 'Location added!', 'success').then(function() {
            self.$route.router.go('/locations');
        });
    }, (response) => {
        var errorMessage = '';
        $.each(response.data, function(k, v) {
            errorMessage = errorMessage + v[0] + '<br/>';
        });
        self.$swal('Oops...', errorMessage, 'error');
    })
  }
}

それでも、送信ボタンを押すたびに、次のメッセージが表示されます。

Uncaught TypeError: Cannot read property 'save' of undefined

しかし、なぜそれが今起こっているのか分かりませんか？私のダッシュボードにも同様の get リクエストがあり、完全に機能しているため、vue ルーターと vue リソースが正常に機能していることを確認できます。