Recently I\'ve fallen in love with Vue.js\'s single file components. It\'s so much nicer to have a component\'s template and styles close to each other, and I\'m finding I write
I would say that you can't do this because Vue uses a virtual DOM, it doesn't compile templates to HTML but to JavaScript render functions which is necessary to efficiently patch the DOM when data is updated.
I'm sure it's possible to do what you want to do with a bit of node magic to parse and output files, but that would be quite a large undertaking for something that would only have a minimal effect.