vue toggle做一个点击切换class(实例讲解)

<template>  <div>    <span :class="{'bg-primary text-danger':isA,'bg-success text-white':!isA}" @click="toggle()">AAAAA</span>  </div></template><script>  export default {    name: 'hello',    data () {      return {        isA: false      }    },    methods:{      toggle:function () {        this.isA=!this.isA      }    }  }</script><style scoped>  @import "../../../src/assets/plugin/bootstrap-4.0.0-alpha.6-dist/css/bootstrap.css";</style>