未捕获的类型错误：无法读取 VueJs 中未定义的属性“get”

Question

我有以下代码

<div id="vue-instance">

</div>

JS

var vm = new Vue({
  el: '#vue-instance',
  data: {
  },
  ready:function(){
    this.loadCountries();
  },
  methods:{
        loadCountries(){
            this.$http.get('https://restcountries.eu/rest/v1/all',function(data){
                console.log(data);
          })
      }
  }
});

当我运行上面的代码时，它给了我以下错误

未捕获的类型错误：无法读取未定义的属性“get”

我有一个小提琴

提琴手

帮助将不胜感激

Answer 1

$http.get来自Vue Resource。通过添加vue-resource到您的package.json，通过npm install代码和在代码中安装它，确保您正确地拉入它：

var Vue = require('vue');

Vue.use(require('vue-resource'));

要在小提琴中使用它，您必须在外部资源中添加vue-resource cdn 链接并在代码中使用以下内容：

Vue.use(VueResource)

查看工作演示：https : //jsfiddle.net/49gptnad/187/