title: Vus.js v-if based on reactive data: view not reactive
body: <p>I'm new to vue.js and I'm having trouble to understand the conditionnal rendering.
  Here in my template a button I'd like to render conditionnaly:</p>
  <pre><code>&lt;q-chip v-if=&quot;validationRequestSent===false&quot; @click=&quot;initiateValidation(prop.node.id)&quot;&gt;
   Request validation
   &lt;/q-chip&gt;
  </code></pre>
  <p>validationRequestSent is a reactive data:</p>
  <pre><code>&lt;script lang=&quot;js&quot;&gt;
  
    export default {
      data() {
        return {
          validationRequestSent: false
        }
      },
  </code></pre>
  <p>When I click on the button, I set validationRequestSent to true:</p>
  <pre><code> async initiateValidation(id) {
          this.validationRequestSent= true;
          const validationId = await ValidationClient.initiateValidation(id)
          this.validationRequestSent= false;
          this.$router.push({name: this.determineRouteAfterInitiateValidation()});
        },
  </code></pre>
  <p>I was hoping that the button would then dissapeared, but nothing happens.
  Can someone help me understand what happens?</p>