<template>
<div :style="styleText" class="div1"></div>
</template>
<script>
export default {
data () {
return {
styleText: {
'--text-color': 'red'
}
}
},
mounted () {
// 獲取 css 屬性值
const color = getComputedStyle(document.documentElement).getPropertyValue('--text-color')
}
}
</script>
<style>
.div1 {
color: var(--text-color);
}
</style>