Vue 要实现异步加载需要使用到 vue-resource 库(vue-resource_CDN)。
1、Get请求
- 语法格式:
// 全局Vue对象调用
// someurl 请求url地址
// options 配置选项
// sucessCallback, errprCallback 成功/失败 的回调函数
Vue.http.get('/someUrl', [options]).then(sucessCallback, errprCallback);
// Vue实例对象调用
this.$http.get('/someUrl', [options]).then(sucessCallback, errprCallback);
2、Post请求
- 语法格式:
// 全局Vue对象调用
Vue.http.post('/someUrl', {body}, [options]).then(sucessCallback, errprCallback);
// Vue实例对象调用
this.$http.post('/someUrl', {body}, [options]).then(sucessCallback, errprCallback);
3、JSONP请求
- 语法格式:
// 全局Vue对象调用
Vue.http.jsonp('/someUrl', [options]).then(sucessCallback, errprCallback);
// Vue实例对象调用
this.$http.jsonp('/someUrl', [options]).then(sucessCallback, errprCallback);