title: How split vue single components template section in to smaller subtemplates
body: <p>My application is being build on vuejs@2 has multiple forms most of the share same html template with add and reset button. As well as same method, resetForm nullifies the "item" property and resets the form, and create method sends the item to the backend.</p>
  
  <pre><code>&lt;div class="row"&gt;
      &lt;div class="action"&gt;
          &lt;button class="btn btn-white" @click="create()"&gt;&amp;#9998; Add&lt;/button&gt;
          &lt;button class="btn btn-white" @click="resetForm()"&gt;&amp;#x274C; Reset&lt;/button&gt;
      &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>I can share methods via mixins with each component but I can't share "template partial" same way. How to you approach such scenario? </p>
  
  <p>I tried to create component create-reset-buttons, but I have no way to trigger parent method as each component encapsulates its functionality and does not allow to modify props from the child. Which need to be done in order to reset the parent form.</p>