vue.js - 应用 vue-material 主题风格

Question

我正在尝试将 vue-material 样式应用于活动菜单选项；以下效果很好：

<style lang="scss" scoped>
@import '~vue-material/dist/theme/engine.scss';

.md-list {
  .md-selected,
  .router-link-active{
    .md-list-item-text {
      color: md-get-palette-color(blue, A200)
    }
  }
}
</style>

但是，我正在尝试使以下内容起作用，因为它将考虑所选主题颜色，但不会导致任何明显的变化：

<style lang="scss" scoped>
@import '~vue-material/dist/theme/engine.scss';

.md-list {
  .md-selected,
  .router-link-active{
    .md-list-item-text {
      @include md-theme-component() {
        color: md-theme(primary);
      }
    }
  }
}
</style>

它不会导致任何错误，但似乎根本不起作用 - 知道我可能做错了什么吗？谢谢！