曾几何时，有么有过被不能用js来控制css中的变量属性而困惑，你可能说直接获取dom获取，是不是不太人性

Vue 3.2 Released!

vue3.2中引入了 style v-bind 可以实现以上的功能

<template>
  <div class="text">hello</div>
</template>

<script>
export default {
  data() {
    return {
      color: 'red'
    }
  }
}
</script>

<style>
.text {
  color: v-bind(color);
}
</style>

非常的nice 传送门，剩下的应用就自由发挥吧