What are the problems solved by Single File Components in Vue.js?

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.