Basic vue.js 2 and vue-resource http get with variable assignment Basic vue.js 2 and vue-resource http get with variable assignment vue.js vue.js

Basic vue.js 2 and vue-resource http get with variable assignment


You can create an object and pass it to the vue instance like that :

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 });

Or you can create a function under the methods object and then call it in the mounted function :

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();    }});