vue是怎么从后台获取数据的？

Question

现在是用jquery的ajax方法，如果不用jquery是需要自己写个通用的ajax方法吗？还有顺便弱弱问一句ajax异步同步的区别有没有简单一点的解释。现在把所有的事件处理全部放在success回调里好痛苦。如果把事件封装成函数，然后success里调用该函数这样科学吗？

Answer 1

使用vue-resource

<script src="https://cdn.jsdelivr.net/vue/latest/vue.js"></script>
<script type="text/javascript" src='http://cdnjsnet.b0.upaiyun.com/vue-resource/0.1.9/vue-resource.min.js'></script>
<div id='app'></div>
<script>
new Vue({
    el: '#app',
    ready: function() {
        this.$http.get('test.json', function(data) {
            this.$set('json', data);
        }).error(function(data, status, request) {
            console.log('fail' + status + "," + request);
        })
    },
    data: {
    }
});
</script>

Answer 2

可以用vue-resource，提供了以下API：

get(url, [data], [success], [options])
post(url, [data], [success], [options])
put(url, [data], [success], [options])
patch(url, [data], [success], [options])
delete(url, [data], [success], [options])
jsonp(url, [data], [success], [options])

Answer 3

ajax异步同步的区别：同步是ios系统，切出去，这个app就停下来啦;一个是安卓系统，就算你切出去，到其他app，那个app还是在运行中。
如果把事件封装成函数，然后success里调用该函数这样科学
这个很科学啊。不都是这么干的么。。
不然代码肿成什么样啦

Answer 4

链接描述

Answer 5

那怎么用模板处理拿到数据展现在页面里，而不是拼接以后挂在页面里？

Answer 6

现在是2016年，被采纳的答案是2015年的vue 1.0的，我回复一下2.0根上面的区别：

1. 应该用mounted而不是用ready

2. $set有点问题 应该是这样that.$set(that.json,k,data[k]);

现在是2017年了，我又来修改了，现在我们这边不用vue-resource了，都改为axios