title: v-if and v-else shows while page is loading?
body: <p>Problem is that both divs shows on load. I tried to use <code>v-cloak</code> only on one but its not working. If i put on parent div then its not look good while is hidden. Any suggestion how can i display only one div while page is loading, but without v-cloak?</p>
  
  <pre><code>&lt;div class="center_image" v-if="avatarImageSet"&gt;
      &lt;div class="checked"&gt;
          &lt;div class="seller_image {{ in_role('BusinessUsers') ? 'agency' : '' }}"&gt;
              &lt;img src="{{ home_asset('img/very_big_user_icon.png') }}" alt="" /&gt;
          &lt;/div&gt;
          &lt;div class="check_profile business"&gt;
              &lt;i class="fa fa-check"&gt;&lt;/i&gt;
          &lt;/div&gt;
      &lt;/div&gt;
  &lt;/div&gt;
  &lt;div class="center_image" v-else&gt;
      &lt;div class="checked"&gt;
          &lt;div class="seller_image"&gt;
              &lt;img v-bind:src="user_credentials.avatar" alt="Avatar"/&gt;
          &lt;/div&gt;
          &lt;div class="check_profile business"&gt;
              &lt;i class="fa fa-check"&gt;&lt;/i&gt;
          &lt;/div&gt;
      &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>