javascript - Vuejs : how do you pass class(classes) to template?

Question

在以下代码中将类传递给 %item.class% 的正确语法是什么？ [item.class] 或 {{ item.class }} 之类的任何语法都将其作为字符串传递而不进行渲染。如何正确传递？

如何传递多个类并应用于嵌套在一个模板中的多个标签(a、span 等)？传递一个数组？如何迭代？

<component v-for="item in List" 
                :item="item"
                :class="item.class"
</component>


let component = Vue.component('component', {
       props: ['item'],
       template: `<li class=" %item.class% ">
                     <a class="fa %item.class% "></a>
                     <span class="fa %item.class%"></span>
                  </li>`
       }),
       data: function (){
        return {
            List: [
                {key:0, class:'someClass'},

            ]
        }
    },
 })

先谢谢了:)

Answer 1

<li :class="item.class">
<a class="fa" :class="item.class">