VueJS実践:v-for以降の各ノードに異なるスタイルを追加する方法

1>

 
{{n}}
 

2>各ノードはtypeを定義する必要があります

node

3>例えば、現在選択されているリストを表示したい場合は、どのように実現しますか?基本的な考え方は$indexで現在の反復オブジェクトかどうかを判断し、classまたはstyleを増減して異なるスタイルを実現することです.

  
  
{{item}}
  
  
  
{{item}}


data () {
  return {
    list: ['a', 'b', 'c'],
    activeId: 0
  }
},