假設我有這么一個組件如下：

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

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

<style scope>
    .test {
        color: "這里想使用 data 里面定義的變量"
    }
</style>

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

本來我不想加上這一句的，看了一些回答，我還是把這句話加上吧：

*請不要回復諸如: “使用 :class 或者 :style 的方式來代替你這種做法，既浪費你的時間寫答案，也浪費我的時間看答案”

我之前記得在哪看過一下可以在 style 里面使用變量。

在網(wǎng)上找到這篇文章：
https://cloud.tencent.com/dev...
大家可以嘗試一下能不能這么用，當然我也會嘗試。