title: V-if not working when property in it updated in async method TypeScript
body: <p>We have a case when one HTML element is hidden after async call is returned from the server and other HTML element is displayed:</p>
  <pre><code>&lt;template&gt;
     &lt;div v-if=&quot;!showElementTwo&quot;&gt;Element 1&lt;/div&gt;
     &lt;div v-if=&quot;showElementTwo&quot;&gt;Element 1&lt;/div&gt; 
  &lt;/template&gt;
  
  &lt;script lang=&quot;ts&quot;&gt;
  
  export default class extends Vue {
      showElementTwo = false;
  
      private someAsyncRequestToServer = async() =&gt; {
          // some async request to the server
          this.showElementTwo = true;   
      } 
  }
  &lt;/script&gt;
  </code></pre>
  <p><code>this.showElementTwo</code> is indeed changed to <code>true</code> but this does not re-render the elements (does not hide <code>element 1</code> and shows <code>element 2</code>)?</p>