20210617_We can use REACTIVE VARIABLES in Vue CSS!!

The Single File Component Styles RFC gives us Vue developers a way to use a component’s reactive data as CSS variables. In just one simple syntax, we can update styles at runtime in Vue 3. This proposed change takes full advantage of CSS variables, which most modern browsers support, and Vue 3’s reactivity library. Combining the two gives us an easy way to update our styles using our component’s data. In this guide, we’ll take a look at how we can use these SFC styles, how it works under the hood, and then some advanced knowledge from the RFC. COMPANION ARTICLE w/ CODE FREE VUE 3 CHEATSHEET WITH ESSENTIAL CODE SNIPPETS SOCIAL 🚨 Like quick Vue lessons like these? Check out 800 lessons over on Vue School - INTRO Daily (Prod. by Lukrembo)