title: Vue.Js - data not updating
body: <p>I am very new to Vue.Js so please forgive me for this newbie question. I have a <code>result</code> variable in my <code>data()</code> method, and when I try to update the <code>result</code> variable using <code>this.result = result</code>, in the browser, the original variable remains the same. I don'; know what I am doing wrong. I have googled for a few hours and found no answer. As always, any help is greatly appreciated. I don't know why my data isn't updating. here is my code;</p>
  
  <p>play.js</p>
  
  <pre><code>    Vue.component('game', {
          template: '#game-template',
  
          data: function () {
              return {
                  ready: null,
                  result: 0
              }
          },
          props: ['gameid'],
  
  
          methods: {
              loadGame: function () {
                  this.$http.get('../api/games/ready/' + this.gameid).then(function (response) {
                      if (response.body === '1') {
                          // process coinflip upon ready game
                          var result = Math.floor((Math.random() * 2) + 1);
                          this.result = result;
                          console.log(this.result);
  
  
                      }
  
                  }.bind(this));
              }
          },
  
          ready: function () {
              this.loadGame();
  
              setInterval(function () {
                  this.loadGame();
              }.bind(this), 5000);
          }
      });
  
  new Vue({
      el: '#app'
  });
  </code></pre>
  
  <p>View:</p>
  
  <pre><code>extends('layouts.app')
  
  @section('content')
  
      &lt;div id="app"&gt;
          &lt;game v-bind:gameid="{{$gameid}}"&gt;&lt;/game&gt;
      &lt;/div&gt;
  
      &lt;template id="game-template"&gt;
          &lt;div&gt;
              &lt;strong&gt;Result:&lt;/strong&gt; @{{ result }}
  
          &lt;/div&gt;
      &lt;/template&gt;
  
      &lt;script src="https://cdnjs.cloudflare.com/ajax/libs/vue/1.0.26/vue.js"&gt;&lt;/script&gt;
  
      &lt;script src="https://cdnjs.cloudflare.com/ajax/libs/vue-resource/1.0.3/vue-resource.js"&gt;&lt;/script&gt;
  
      &lt;script src="../js/play.js"&gt;&lt;/script&gt;
  
      @endsection
  </code></pre>