In Vue.js, the Single File Components are used to solve the common problems in a JavaScript-driven application with a .vue extension.
Following is a list of issues solved by Single File Components in Vue.js :
* Global definitions specify unique names for every component.
* String templates lack syntax highlighting and require ugly slashes for multiline HTML.
* No CSS support. It means while HTML and JavaScript are modularized into components, CSS is conspicuously left out.
* No, build step restrictions to HTML and ES5 JavaScript, rather than preprocessors like Pug and Babel.
