title: Delay the rendering of a component in vue
body: <p>I've created a component in vue which wraps a vue-apexchart donut graph. As soon as the page loads and this component is loaded, the vue-apexchart animates and displays a small graph. 
  Now I would like to instantiate multiple of these components from a dataset side by side. Instead of the components to all load an animate at the same time, I would like a small rendering delay to give it an overall nice effect. Something like this would be nice:</p>
  
  <pre><code>  &lt;donut :items="series1"&gt;&lt;/donut&gt;
    &lt;donut :items="series2" delay=1500&gt;&lt;/donut&gt;
  </code></pre>
  
  <p>The vue-apexchart doesent support initialization delays, and as far as I can see there isn't any vue-specific official solution to delay the rendering of components. 
  I've tried to put a setTimeout in any of the component hooks to stall the initialization, 
  I´ve also tried to inject the all the graph DOM in the template element on a v-html tag in a setTimeout, but apexchart doesent notice this new dom content, and vue doesent notice the html bindings either.</p>
  
  <p>I´ve created this fiddle which loads two instances of a graph:
  <a href="https://jsfiddle.net/4f2zkq5c/7/" rel="noreferrer">https://jsfiddle.net/4f2zkq5c/7/</a></p>
  
  <p>Any creative suggestions?</p>