我真的很难让最基本的 REST 功能在 vue.js 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 实例的数据。
不用说,我对 vue.js 完全陌生,感谢您的帮助。
堆栈:vue.js 2.03,vue-资源 1.0.3
Cheers!
您可以创建一个对象并将其传递给 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();
}
});
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)