title: Vue : Conditional render of div based on v-if, But i dont want to show the div if it returns null
body: <p>I have the following html with conditional render using v-if</p>
  
  <pre><code>    &lt;div v-if="showdiv"&gt;
          &lt;p&gt;Content 1 here&lt;/p&gt;
      &lt;/div&gt;
      &lt;div v-if="!showdiv"&gt;
          &lt;p&gt;Content 2 here&lt;/p&gt;
      &lt;/div&gt;
  </code></pre>
  
  <p>In data variable I have set </p>
  
  <pre><code>data() {
    render {
       showdiv: ''
    }
  }
  </code></pre>
  
  <p>So I have an api, whose response decides whether showdiv is false or true. But sometimes api is slow, then the value of showdiv should be null and none of the div must be shown, But in my case showdiv is taken as false and this get displayed</p>
  
  <pre><code>    &lt;div v-if="!showdiv"&gt;
          &lt;p&gt;Content 2 here&lt;/p&gt;
      &lt;/div&gt;
  </code></pre>
  
  <p>I dont want both the divs to be displayed when the value is null.I only want to render the div if its true or false, in other cases let it not show. What i can do to achieve that ?</p>