title: Possible to use VueJS SFC components with with template in rendered html?
body: <p>I have experience with both single page apps and multi-page apps (classic websites). In the past I have used AngularJS 1.x on each page, it has been useful because all components can live in separate files and be executed as they appear on each page.</p>
  
  <p>I'm now looking at VueJS to replace AngularJS, but not finding it easy to understand how to architect my multi-page app.</p>
  
  <p>As expected I want to use some components on all the pages, and some on only a few pages.</p>
  
  <p>Example:</p>
  
  <p><a href="https://i.stack.imgur.com/WRZip.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/WRZip.png" alt="components"></a></p>
  
  <p>I came across <strong>SFC - single file components</strong> using ES2015 which looked promising, but my backend is Java which outputs my html from JSPs. It appears that .vue files are precompiled by webpack, but if my templates are only ready when the page is rendered that won't be possible will it?</p>
  
  <p>How would one architect a solution so that each component is modular but utilize either an <strong>x-template</strong> in the html and somehow attach it to a .vue SFC, or is there some other way to have components in separate files which can be imported using ES2015?</p>
  
  <p>I hope this is making sense, can't seem to figure it out.</p>