title: this.$http vueJs not set
body: <p>I'm playing with vueJS and trying to grab some data from an ajax request.</p>
  
  <p>Heres my code:</p>
  
  <pre><code>new Vue({
  el: '#recipeList',
  
  ready: function () {
      this.fetchRecipes();
  },
  
  methods: {
      fetchRecipes: function () {
          this.$http.get('/recipes/ajax', function (recipes) {
  
              this.$set('recipes') = recipes;
  
          });
      }
  }})
  </code></pre>
  
  <p>The html code is fine, I doubt you need to see that.</p>
  
  <p>The documentation says that this is how you do a ajax request, however the $http object does not appear to be set.</p>
  
  <p>Here is the console error I am receiving:</p>
  
  <pre><code>TypeError: undefined is not an object (evaluating 'this.$http.get')
  fetchRecipesapp.js:10
  (anonymous function)vue.js:307
  readyapp.js:5
  _callHookvue.js:8197
  readyvue.js:10169
  $mountvue.js:10155
  _initvue.js:8054
  Vuevue.js:80
  global codeapp.js:1
  app.js:10
  </code></pre>