Vue · Middle · Pytanie 46 z 75

Co robi `v-bind()` wewnątrz `<style>`?

<script setup>const color = ref("teal");</script>
<style scoped>p { color: v-bind(color); }</style>

✓Poprawna odpowiedź: Łączy wartość CSS ze stanem reaktywnym przez zmienną CSS
2Dynamicznie importuje arkusz stylów
3Wiąże nazwę klasy

Wyjaśnienie

Vue ustawia zahaszowaną zmienną CSS na elemencie głównym i aktualizuje ją, gdy zmienia się color, więc style pozostają w CSS.

Do poczytania

Vue API: SFC CSS Features ↗

Sprawdź się

Rozwiąż test Vue · Middle: pytania i odpowiedzi są tasowane, a na końcu czeka przegląd błędów.

Rozwiąż ten test