VUE周期変更色をクリックします

<テンプレート> 
    <DIV> 
       <DIV 'ARRで（項目、インデックス）' = V-用
            V-バインド：クラス= '{BG：インデックス==のisActive}' 
            @クリック= 'FN（インデックス）'> 
            {{アイテム}} 
       </ div> 
    </ div> 
  </テンプレート> 
   
  <スクリプト> 
    エクスポートデフォルト{ 
      データ（）{ 
        リターン{ 
             のisActive：0、
             ARR：[ '111'、 '222'、 '333'、 '444'] 
        } 
      }、
      メソッド：{ 
        FN：関数（指数）{ 
            にconsole.log（インデックス）
            this.isactive =インデックス。
        } 
      }、
   
    / *テキストの色の変更をクリックします* /
    .bg { 
        色：ピンク。
    } 
  </スタイル>