<template>
<div :style="{'--color':color}">
<div class="title color">测试</div>
</div>
</template>
<script>
export default {
data () {
return {
color: 'red'
}
}
}
</script>
<style lang="less" scoped>
.color{
color: var(--color) !important;
}
.title{
color:blue;
}
</style>