Javascript 如何将类属性绑定到Vue 2.0中的表达式？

我在Vue 1.0中有这个：

<div v-for="menuItem in menu" class='vnav-item-wrapper'>
  <i v-show="menuItem.icon" class="vnav-icon fa fa-{{menuItem.icon}}"></i>
</div>

但是现在在VUE2.0中，

{{}

结构已经过时

我只是通读了一遍，似乎无法将类绑定到

“fa-”+menuItem.icon

。我不能拘泥于一个表达式

我最近得到的是计算数据属性，但是再一次，我在<代码> V的中间，对于，我不能创建“计算变量”。 我该怎么解决这个问题呢？

我想这会告诉你怎么解决的。对于我来说，显然不太清楚的是，一旦将

v-bind:

（或

：

缩写）应用到属性，它就会被解释为JavaScript。所以我想你想要的是：

<div v-for="menuItem in menu" class='vnav-item-wrapper'>
  <i v-show="menuItem.icon" :class="'vnav-icon fa fa-' + menuItem.icon"></i>
</div>