<li v-for="item in items" class="pull-left">
<button type="button" class="btn btn-success"><i class="{{item.icon}}"></i>{{item.name}}</button>
</li>
报错如下
vue.js:2643 [Vue warn]: class="{{item.icon}}": Interpolation inside attributes has been removed. Use v-bind or the colon shorthand instead. For example, instead of <p class="{{ val }}">, use <p :class="val">.
![[Web front-end] Démarrage rapide de Node.js](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
语法错误，
建议用在属性里面， 用[attr='name']来控制。
因为vue的class不建议用{{valname}}的方式修改
参考文档 class绑定
我们可以传给 v-bind:class 一个对象，以动态地切换 class 。