title: Vue.js v-if not reacting to variable change
body: <p>i'm playing around with vue.js and have some struggle in using v-if correctly.</p>
  
  <p>i'm trying to have a conditional template rendering inside a template. in the created method, the variable <code>isloaded</code> is set to true, which should lead the template to be rerendered and let the "Loading Data" message disappear. </p>
  
  <p>However, the log indicated, the delay of 2s works, so the callback is reached, but it looks like i'm not updating the data variables correctly. </p>
  
  <p>I tried already several things and now i changed "true/false" to be strings in order to be closer to the exampled given on the official homepage, but still no success. i hope you can help me and therefor thanks a lot in advance.</p>
  
  <p>please find below the interesting codesnippets:</p>
  
  <p><div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false">
  <div class="snippet-code">
  <pre class="snippet-code-js lang-js prettyprint-override"><code>var step1 = Vue.component('step1', {
    template: '#step1',
    data: function() {
      return {
        accounts: [],
        isloaded: 'false'
      }
    },
    created: function() {
      console.log("created");
      setTimeout(function() {
        console.log("times over");
        this.isloaded = 'true';
        this.accounts = [{
          id: 1234,
          name: "germany"
        }];
      }, 2000);
    },
    methods: {
      loaded: function() {
        console.log(this.isloaded === 'true');
        return this.isloaded === 'true';
      }
    }
  
  })
  
  new Vue({
    el: '#main'
  });</code></pre>
  <pre class="snippet-code-html lang-html prettyprint-override"><code>&lt;script src="https://unpkg.com/vue@2.1.10/dist/vue.js"&gt;&lt;/script&gt;
  &lt;template id="step1"&gt;
    &lt;div class="step1"&gt;
      &lt;h1&gt;Welcome please choose your account:&lt;/h1&gt;
      &lt;template v-if="isloaded === 'false'"&gt;
        &lt;p&gt;Loading Data&lt;/p&gt;
      &lt;/template&gt;
      &lt;template v-else&gt;
        &lt;select&gt;
          &lt;template v-for="account in accounts"&gt;
            &lt;option :value="account.id"&gt;{{ account.name }}&lt;/option&gt;
          &lt;/template&gt;
        &lt;/select&gt;
      &lt;/template&gt;
  
    &lt;/div&gt;
  &lt;/template&gt;
  
  &lt;div id="main"&gt;
    &lt;step1&gt;&lt;/step1&gt;
  &lt;/div&gt;</code></pre>
  </div>
  </div>
  </p>