你应该更换 $http 同 http :
$http
http
import Vue from 'vue' import VueResource from 'vue-resource' Vue.use(VueResource) export default { created: () => { Vue.http.get(...) } }
此外,安装它是一个很好的做法 VueResource 进入 main 文件,然后,我们可以使用 this 关键字@Jeff说。
VueResource
main
this
要实现这一点,你应该改变 arrow function 因为 this 指全局对象:
arrow function
// refers to the global object created: () => {} // refers to the Vue component created () { this.$http.get(...) }
你试过添加吗? var VueResource = require('vue-resource'); 在你的根vue实例?还添加 Vue.use(VueResource) 。
var VueResource = require('vue-resource');
Vue.use(VueResource)
一旦你添加了插件 main.js 运用 Vue.use(VueResource) ,它补充说 $http 属性到所有Vue实例。您无需在组件文件中重新执行此操作。然后你就用了 this.$http :
main.js
this.$http
created: () => { this.$http.get('/my/api/123', //... ); }