Vue.js clase de alternar al hacer clic

¿Cómo alternar una clase en vue.js?

Tengo lo siguiente:

        <th class="initial " v-on="click: myFilter">
            <span class="wkday">M</span>
        </th>


        new Vue({
          el: '#my-container',

          data: {},

          methods: {
            myFilter: function(){

              // some code to filter users
            }
          }
        })

Cuando hago clicth quiero aplicaractive como una clase de la siguiente manera:

        <th class="initial active" v-on="click: myFilter">
            <span class="wkday">M</span>
        </th>

Esto debe alternar, es decir, cada vez que se hace clic, necesita agregar / eliminar la clase.

¿Cómo haces esto en vue.js?