且构网

分享程序员开发的那些事...
且构网 - 分享程序员编程开发的那些事

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

更新时间:2022-10-29 17:13:51

$http.get 来自 Vue 资源.通过将 vue-resource 添加到您的 package.json,确保您正确地将其引入,通过 npm install 和代码安装它:

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

要在 fiddle 中使用它,您必须添加 vue-resource cdn 链接 并在代码中使用以下内容:

Vue.use(VueResource)

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

I have following code

<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);
          })
      }
  }
});

When I run the above code it gives me following error

Uncaught TypeError: Cannot read property 'get' of undefined

I have a fiddle

JsFiddle

Help would be much appreciated

$http.get is from Vue Resource. Make sure you are pulling that in properly by adding vue-resource to your package.json, install it via npm install and in code:

var Vue = require('vue');

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

To use this in fiddle, you have to add vue-resource cdn link in external resources and use following in code:

Vue.use(VueResource)

See working demo: https://jsfiddle.net/49gptnad/187/