使用$ =的数据绑定动态值不适用于“class”属性

Question

我遇到了$ =运算符问题。

我有一个我创建的组件，称之为“somecomponent”。这个组件工作正常，但我想添加一个类来帮助我自定义一些东西。该类将从数据源中获取。

我创建了一个这样的属性：

properties: {
    somevar: {
        type: String,
        readOnly: true
    },
...

我在网页中创建我的组件时传递了值：

<somecomponent somevar="<?= $datasource['somevar'] ?>"></somecomponent>

并在我的

中使用它

<div class$="{{somevar}}"></div>

当我查看Google Chrome检查器时，我看到了

<somecomponent somevar="somevalue"></somecomponent>

但在div中，我总是看到

<div class="style-scope somecomponent"></div>

我做错了什么？