未捕获的TypeError：无法在VueJs中读取未定义的属性'get' [英] Uncaught TypeError: Cannot read property 'get' of undefined in VueJs

问题描述

我有以下代码

<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：无法读取属性'get'of undefined

Uncaught TypeError: Cannot read property 'get' of undefined

我有一个小提琴

JsFiddle

非常感谢帮助

推荐答案

$ http.get 来自 Vue资源。通过将 vue-resource 添加到 package.json ，确保正确地将其拉出来，通过<$安装它c $ c> npm install 并在代码中：

$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'));

要在小提琴中使用它，你必须添加 vue-resource cdn link 在外部资源中使用以下代码：

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

Vue.use(VueResource)

参见工作演示： https： //jsfiddle.net/49gptnad/187/

这篇关于未捕获的TypeError：无法在VueJs中读取未定义的属性'get'的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！