title: Vuejs toggle class in v-for
body: <p>I'm making a list of items with v-for loop. I have some API data from server.</p>
  
  <pre><code>items: [
     {
         foo: 'something',
         number: 1
     },
     {
         foo: 'anything',
         number: 2
     }
  ]
  </code></pre>
  
  <p>and my template is: </p>
  
  <pre><code>&lt;div v-for(item,index) in items @click=toggleActive&gt;
       {{ item.foo }} 
       {{ item.number }} 
  &lt;/div&gt;
  </code></pre>
  
  <p>JS: </p>
  
  <pre><code>methods: {
      toggleActive() {
          //
      }
  }
  </code></pre>
  
  <p>How can i toggle active class with :class={active : something} ?
  P.S I don't have boolean value in items</p>