Was macht v-bind() in ? const color = ref("teal"); p { color: v-bind(color); }

Importiert ein Stylesheet dynamisch

Bindet einen Klassennamen an das Wurzelelement

Vue · Middle · Frage 46 von 75

Was macht `v-bind()` in `<style>`?

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

Antwort zeigen

Richtige Antwort: Verbindet einen CSS-Wert mit reaktivem State

Vue setzt eine gehashte CSS-Variable am Wurzelelement und aktualisiert sie, wenn sich color ändert, sodass die Styles im CSS bleiben.