Using Pre-Processors

One of the main advantages that Vue.js has over its competitors is the ease of installing and using CSS pre-processors like SASS/SCSS, LESS, Stylus or HTML pre-processors like Pug (Jade). This ease of use is thanks to Vue Loader.

In other frameworks, there’s generally a lot more setup and concentration involved. I find it extremely useful and easy to import packages and define the preprocessor in a component. Since pre-processors are defined via an attribute in each component, you could have some components with a pre-processor or without one. You can even have one component use SCSS and another use LESS. It’s not recommended to have multiple preprocessors in a single component (or in an app for that matter), but it’s nice to have the option.