title: Vue (similar) components and reusability
body: <p>I have a 3 vue components they all do similar stuff. </p>
  
  <p>They all output a square (100px x 100px) div with a value inside it, they are different colours.  </p>
  
  <ul>
  <li><p>component 1 (red) takes 2 values and outputs a percentage.</p></li>
  <li><p>component 2 (blue) takes a float value and rounds it up to the next int</p></li>
  <li><p>component 3 (green) takes 3 values and finds the mean.</p></li>
  </ul>
  
  <p>Is there a way to combine this into one reusable component. They share a template and have similar methods.</p>
  
  <p>What would be the best way to DRY this up a bit.</p>