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' } 
})