title: Vuejs add multiple lines to a template?
body: <p>I would like to know how best to arrange new lines when constructing a Vuejs template. The code I have as is does not work, as it breaks the JavaScript container. Vue.js wants me to put the entire html in one line, which is somewhat impractical when I plan on adding footer content. </p>
  
  <pre><code>Vue.component('footer-component', {
      template: "
        &lt;div id='footer'&gt;
          Footer Stuff
        &lt;/div&gt;"
  })
  
  new Vue({
      el: 'footer'
  })
  </code></pre>
  
  <p>I've been trying to find examples of HTML templating with Vue, but I have trouble finding them. When using React I am able to code my HTML over multiple lines. How might I do the same for Vuejs?</p>