Vue.js переключить класс при нажатии

Как вы переключаете класс в vue.js?

У меня есть следующее:

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

Когда я нажимаюth Я хочу подать заявкуactive как класс следующим образом:

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

Это должно переключаться, т.е. каждый раз, когда его щелкают, ему нужно добавлять / удалять класс.

Как вы делаете это в vue.js?