vue点击切换class

<template>
    <span class="static" v-bind:class="{ 'class-a' : isA, 'class-b': !isA}" @click="toggle">
<template>
<script>
    export default {
        data: function(){
            return {
                isA: false
            };
        },
        
        methods: {
            toggle: function(){
                this.isA = !this.isA;
            }
        }
    };
<script>