Основные вю.СС2 и Вуэ-ресурса HTTP-запрос GET с переменной

Я действительно изо всех сил пытаюсь заставить самую базовую функциональность REST работать в vue.СС2.

Я хотел бы получить данные из некоторой конечной точки и присвоить возвращаемое значение переменной моего экземпляра Vue. Вот как далеко я зашел.

var link = 'https://jsonplaceholder.typicode.com/users';
var users;

Vue.http.get(link).then(function(response){
    users = response.data;
}, function(error){
    console.log(error.statusText);
});

new Vue ({
    el: '#user-list',
    data: {
        list: users
    }
});

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

Нет нужды говорить, что я совершенно новичок в вю.js и благодарен за любую помощь.

Стек: vue.Яш 2.03, vue-ресурс 1.0.3

Ура!

1 4
javascript vue.js vue-resource

1 ответ:

Вы можете создать объект и передать его в экземпляр vue следующим образом: 

var link = 'https://jsonplaceholder.typicode.com/users';
var data = { 
    list: null 
};

Vue.http.get(link).then(function(response){
    data.list = response.data;
}, function(error){
    console.log(error.statusText);
});

new Vue ({
    el: '#app',
    data: data 
});

Или вы можете создать функцию под объектом methods и затем вызвать ее в смонтированной функции: 

var link = 'https://jsonplaceholder.typicode.com/users';
new Vue ({
    el: '#app',
    data: {
        list: null
    },
    methods:{
        getUsers: function(){
            this.$http.get(link).then(function(response){
                this.list = response.data;
            }, function(error){
                console.log(error.statusText);
            });
        }
    },
    mounted: function () {
        this.getUsers();
    }
});
15