Vue3可以直接使用v-bind绑定

<template>
    <div class="content" ref="content">
        <div class="title">这是一个标题</div>
    </div>
    <button @click="changeBgColor">修改背景颜色</button>
</template>
 
<script>
    export default {
        name: 'DEMO',
        data() {
            return {
                themeColor: 'red'
            }
        },
        methods: {
            changeBgColor() {
                this.themeColor = 'pink';
            },
        }    
    }
</script>
 
<style lang="scss">
    .content {
        width: 100%;
        height: 200px;
        background-color: v-bind('themeColor');
    }
</style>