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>&nbsp;new Vue({&nbsp;&nbsp; el: '#app',&nbsp;&nbsp; data: { icon: 'fa-gratipay' }&nbsp;})