title: Passing html into Vue component
body: <p>At the moment I pass some parameters into a vue component </p>
  
  <pre><code> &lt;Slider
        :images= "['/img/work/slide2.png', '/img/work/slide2.png', '/img/work/slide3.png']"
        :html="['&lt;div&gt;hello&lt;/div&gt;', '&lt;div&gt;goodbye&lt;/div&gt;']"
      &lt;/Slider&gt;
  </code></pre>
  
  <p>The slider is either an 'html' slider or one with images.</p>
  
  <p>This works fine although the html I pass in is going to get a lot more complex, maybe 30 lines and this will be harder to read and manage as params.</p>
  
  <p>Can I pass in an external reference and pull that into the component?</p>
  
  <pre><code>&lt;div v-for="content in html"&gt;
      &lt;div class="work-slide"&gt;{{ content }}&lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>As you can see the loop in the component is a very simple v-for.</p>