vue使用 ::after ::before 伪元素 动态改变content内容

<!--  div标签中添加 :data-attr，里边的内容指向 content -->
<div :data-attr="content"></div>


export default {
    data() {
        return {
            // 可以修改的内容
            content:'动态的内容'
        }
    }
}

<style>

// 使用attr 绑定对应的data-attr ，获取其中的值
.ttest::before {
    
    content: attr(data-attr);
}
</style>