[vue] CSS variable injection

vue3에서 css에 변수를 주입할수있는걸 보고 포스팅을 올림

원래 scss와 같은 style lang에서 변수를 사용할 수 있다고 알고있긴한데,

css에 대해 깊게 알지 못해 vue에서 제공하는 아래 방법이 매우 신기했음

---

fs에 스타일 값을 두고 ("100px")

 

style 구역에서 font-size:v-bind("fs") << 이렇게 입력해주면

100px이 적용됨