vue-resource $ httpは動作しません

Question

私はvue-resourceを使用してvueを成功させようとしています。私は何を間違えているのですか？私はvuejsを始めていると私は助けに感謝CDN

を使用しているコードに

に従ってください。

<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()ライフサイクルフックで行くことができないのです。