Vue.js toggle class on click

You can have live class to be reliant on Boolean data.

<th
    class="initial "
    v-on="click: myFilter"
    v-class="active: isActive"
> 
   <span class="wkday">M</span>
</th>
 
 
 
    new Vue({
      el: '#my-container',
 
      data: {
          isActive: false
      },
 
      methods: {
        myFilter: function(){
            this.isActive = !this.isActive;
          // some code to filter users
        }
      }
    })

No need of function:

// html element
<div id="mobile-toggle"
 v-bind:class="{ active: showMobileMenu }"
 v-on:click="showMobileMenu = !showMobileMenu">
</div>
 
//in your vue.js app
data: {
    showMobileMenu: false
}