title: getter is invoke before v-if in child slot component
body: <p>I create a vue component that I want to do some logic and according the logic I want to render whatever in the slot.</p>
  
  <pre><code>&lt;logic-component&gt;
   &lt;div&gt;{{ data }}&lt;/div&gt;
  &lt;/logic-component&gt;
  </code></pre>
  
  <p>the data is a getter:</p>
  
  <pre><code> get data() { return … }
  </code></pre>
  
  <p>the data is getting from global store/service that if fulfilled when the logic-component is ready.</p>
  
  <p>The component logic is looks like that:</p>
  
  <pre><code>&lt;div v-if="logicIsReady"&gt;&lt;slot&gt;&lt;/slot&gt;&lt;/div&gt;
  </code></pre>
  
  <p>So by default <code>logicIsReady</code> set to false, but the getter is invoke before.</p>
  
  <p>Now, by vue lifecycle I know that vue try to resolve the current component binding and after that is going for the children. but as you can see here is different.</p>
  
  <p>How can I vue to render whatever in the slot only when the <code>v-if</code> is <code>true</code>?</p>
  
  <p>There is something I can do in vue?</p>
  
  <p>if I use v-if instead of the component it works, but this is not the way I want to do.</p>