Vue.js.TypeError: Невозможно прочитать свойство 'post' из undefined, хотя vue-resource определенно установлен

Question

Ладно, так:

1. Я получаю ошибку TypeError и не знаю почему,
2. Vue-ресурс установлен и импортирован Vue.use('vue-resource'); import {} from 'vue-resource'; в мой main.js.

Я попытался импортировать его по-другому, я искал решение, но безуспешно.

Место, где я вызываю эту функцию, - после нажатия кнопки. <button class="btn btn-primary" @click="submit()">Submit</button>.

Функция «отправить» выглядит следующим образом:

      this.$http
        .post("https://vue-http-20bf2.firebaseio.com/data.json", this.user)
        .then(
          response => {
            console.log(response);
          },
          error => {
            console.log(error);
          }
        );
    }```

Answer 1

Хорошо, так что я решил это.

Проблема была в том, что я не знаю где. Мне пришлось снова импортировать Vue и VueResource и сказать Vue использовать пакет (снова).

import Vue from 'vue'
import VueResource from 'vue-resource';
import App from './App.vue'

`Vue.use(VueResource);`

Обратите внимание, я уже пытался сделать это таким образом.

В App.vue у меня есть

submit() {
      this.$http
        .post("https://vue-http-20bf2.firebaseio.com/data.json", this.user)
        .then(
          response => {
            console.log(response);
          },
          error => {
            console.log(error);
          }
        );
    }