title: Set element height based on parent height in vue js on page load
body: <p>I want to set the height of a vue component (to be specific it is this -> <a href="https://github.com/jbaysolutions/vue-grid-layout" rel="nofollow noreferrer">https://github.com/jbaysolutions/vue-grid-layout</a>).</p>
  
  <p>The height of which (in vue-grid-layout -> grid-item) should be same as of its parent. </p>
  
  <p>And this also should be only in page load time. So how this can be achieved in vue js?</p>
  
  <p>I don't want to do this using CSS. I need height in pixels. as to vue-grid-layout -> item height needs in pixel initially. as it is resizable, it can be changed afterwards.</p>