在Vue3中`<style>`標簽可以通過`v-bind`這一 CSS 函數將 CSS 的值關聯到動態的組件狀態上：
~~~
<template>
<div class="text">hello</div>
</template>
<script>
export default {
data() {
return {
color: 'red' //組件變量
}
}
}
</script>
<style>
.text {
color: v-bind(color); //綁定組件變量到css樣式中
}
</style>
~~~
