If you're working on a large-scale Vue application, chances are at some point you're going to want to organize the structure of your application so that you have some globally defined variables for CSS that you can make use of in any part of your application.
This can be accomplished by writing this piece of code into every component in your application:
<style lang="scss"> @import "./styles/_variables.scss"; </style>
But who has time for that?! We're programmers, let's do this programmatically.… Read article