vue3-动态修改style

<template>
  <p @click="changeColor">hello</p>
</template>

<script setup>
import { reactive } from "vue"
const theme = reactive({
  color: 'red'
}) 
 const changeColor = ()=>{
  theme.color="black"
  console.log(theme);

}
</script>



<style scoped>
p {
  color: v-bind('theme.color');
}
</style>