title: autohide an element in VueJS after 1 second
body: <p>OK, so I'm new to Vue ( basically, new to JS in general, but I'm playing with Vue right now ) and what I want to do, is to auto hide an element ( not on click ) inside the template tag of a component. In jQuery this would look like:</p>
  
  <pre><code>$(function() {
      setTimeout(function() {
          $(".hideElement").hide()
      }, 1000);
  });
  </code></pre>
  
  <p>but how this works in Vue? my component looks like this:</p>
  
  <pre><code>&lt;template&gt;
  &lt;div&gt;
   &lt;h1 class="hideElement"&gt; HELLO &lt;/h1&gt;
  &lt;/div&gt;
  &lt;/template&gt;
  
  &lt;script&gt; // nothing here 
  &lt;/script&gt;
  
  &lt;style&gt; // nothing here
  &lt;/style&gt;
  </code></pre>
  
  <p>I know how to toggle the element on click of a button, but I just want to auto hide it after 1 second without any click events everytime the users enter this component ( which is a new "page" )</p>