Vue.js如何实现与后台的数据交互？

看有关的教学视频，说是使用api.ajax获取数据，但是没有具体演示，所以想清大神来帮忙回答一下，Vue.js如何与后台进行数据交互，还有从后台获取数据后，如何使用，例如集合或者对象如何进行展示。希望各位大神不吝赐教，本人不胜感激！

感谢对VUE的支持，下面给您解释下在VUE中与后台进行交互的情况：
1.使用axios.js
这是一个基于VUE2.0以后的模块。vue-resource不再更新之后便推荐了它，如果是脚手架直接npm就OK了
用法很简单，

                                let that = this;
                let config = {
                    method: 'get',
                    url: this.allUrl + "/init/webset",
                                        data:{
                                                        data1:"1"
                                        }
                };
                this.axios(config).then(function (res) {
                    console.log(res);

                }).catch(function (err) {
                      $(".msgText").text("服务器连接错误");
                })

2.vue-resource
引入同上，用法如下：

Vue.http.get('/someUrl', [options]).then(successCallback, errorCallback);
Vue.http.post('/someUrl', [body], [options]).then(successCallback, errorCallback);

3.AJXA
对的就是AJAX
我在VUE项目中涉及到一个上传图片，需要控制，不能用表单，于是就使用了AJAX
$.ajax({
url: this.allUrl + '/user/uploadavater',
type: 'POST',
data: formData,
processData: false,
contentType: false
}).done(function (res) {
console.log(res);
}).fail(function (res) {
console.log(res);
});

以上内容希望对您有帮助，有问题也可以咨询我。
Q：599901155