Javascript 样式和pug设置中的变量

是否可以在样式标记和pug bemto设置中传递变量？ 我需要为html元素生成前缀，并为它们编译css。 有人这样想

<template lang="pug">
    include ../src/libs/bemto/bemto.pug
    - set_bemto_settings({ prefix: classPrefix, modifier: '--' })

    +b.button
        +e.value

</template>

<script>
    export default {
        data(){
            return {
                classPrefix: 'test-'
            }
        }
    }
</script>

<style lang="scss">
    $prefix: classPrefix;

    .#{$prefix}button{
        color: #000;
         &__value{
            font-size: 14px;
        }
    }

</style>

---

你看过哈巴狗混血文档了吗？你可以通过它们传递参数。我看了，但我不明白它是如何用于bemto设置的。

<div class="test-button">
    <div class="test-button__value"></div>
</div>

.test-button{
    color: #000;
}
.test-button__value{
    font-size: 14px;
}