vue-resource $ http not Work

Question

Я пытаюсь использовать vue с vue-ресурсом без успеха. Что я делаю не так? Следуйте код

Я использую CDN

я начинаю с vuejs, и я ценю помощь.

<div id="beerApp"> 
<ul> 
<li v-for="cervejaria in cervejarias">{{cervejaria.name}}</li> 
</ul> 
</div> 



<script src="https://unpkg.com/vue@2.1.1/dist/vue.js"></script> 
<script src="https://cdn.jsdelivr.net/vue.resource/1.0.3/vue-resource.min.js"></script> 

<script> 

// vue js codes will be here 
new Vue({ 
    el:'#beerApp', 

data:{ 
    cervejarias: [] 
}, 

ready:function() 
{ 
    this.$http.get('https://gist.githubusercontent.com/vedovelli/3a83755e576778088c93/raw/204ced0602760829597f5caa2680e5f7cb29bade/cervejarias.json').then((response) => { 
    this.$set('cervejarias',response.json()) 
    }, (error) => { 
    consoel.log(error) 
    }); 

} 

});

Answer 1

Это не потому, что там больше не ready() жизненный цикл крюк в Vue 2.

Вместо этого, вы можете пойти с mounted() или created() жизненным циклом крючками.