Wie können Sie eine Klasse in vue.js umschalten?

Ich habe folgendes:

        <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
            }
          }
        })

Wenn ich auf @ klicth Ich möchte mich bewerbenactive als Klasse wie folgt:

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

Dies muss umgeschaltet werden, d. H. Jedes Mal, wenn darauf geklickt wird, muss die Klasse hinzugefügt / entfernt werden.

Wie machst du das in vue.js?