假设我有这么一个组件如下：

<template>
    <div>
        <span class="test">文字</span>
    </div>
</template>

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

<style scope>
    .test {
        color: "这里想使用 data 里面定义的变量"
    }
</style>

我想要在 style 里面使用定义好的变量，需要怎么做？

我之前记得在哪看过一下可以在 style 里面使用变量。

在网上找到这篇文章：
https://cloud.tencent.com/dev...
大家可以尝试一下能不能这么用，当然我也会尝试。