在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>
~~~
