How to make Ajax requests in vue.js?

Question

JavaScript

I'm trying to figure out how to bind Ajax to vue. The search does not help, the documentation of the framework is very good, but for some reason it also bypasses the question of how to actually deliver data to the vue application.
I write like this:

new Vue({
        delimiters: ['{*', '*}'],
        el: '#app',
        data: {
            message: 'Hello Vue.js!',
            values: []
      },
        created: function() {
            this.$http.get('/inspector/vue').then(
            function (response) { // Success.
                console.log(response.data);
                this.values = response.data;
                },
            function (response) { // Error.
                    console.log('An error occurred.');
                }
            );
        }
    })

I get an error: "TypeError: this.$http is undefined".
How is it customary to make such requests in vue? Can normal ajax be added to created?
I'm going to load the data when the page loads, and then make a request to update the data at a certain interval.
Do I understand correctly that you need to create a method that loads data and call it in created, and then call the same method at a certain interval?

Answer 1

How is it customary to make such requests in vue?

Now it is fashionable to use fetch - codepen (just need to substitute polyfill for better browser support).
It would make sense, yes.

Answer 2

Try using axios :)

axios.get('/url').then((response) => this.data = response.data.response)
.catch((error) => console.log(error.response.data));

Ps: import axios from 'axios'; for use

Answer 3

Here it is described in detail.

Answer 4

https://laracasts.com/series/learn-vue-2-step-by-s...

Answer 5

install and use vue-resource