Vue之使用:class返回类对象

我们在设置动态且复杂的类名时，可以使用Vue的:class。

如下面的代码所示：

<i :class="classObject(item)"></i>

函数为：

const classObject = (item) => {
  return {
    iconfont: true,
    icon: true,
    [item.icon]: true,
    [item.color]:true
  };
};

可以从item中取值配置类名和配置是否使用该类名，能实现动态且复杂的类名显示需求。