vue 里的值怎么分配给 html或class呢？

Question

怎么把icon的值赋给i标签里的class渲染后：<i class="fa fa-gratipay fa-3x"></i>new Vue({    el: '#app',    data: {        icon: 'fa-gratipay'    }})

Answer 1

<i :class="icon"></i> 

new Vue({ 

  el: '#app', 

  data: { icon: 'fa-gratipay' } 

})