vue-resource $ http不起作用

Question

我正在尝试将vue与vue-resource一起使用而没有成功。我究竟做错了什么？按照代码

我正在使用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

这是因为Vue 2中不再有ready()生命周期挂钩。

相反，您可以使用mounted()或created()生命周期挂钩。