简单的 vue 点击tap 切换背景色

自己刚写的，大家有很好的方法留言交流
下面是实例代码
html部分

<div id="app">
定义class  和点击事
        <p :class={a} @click="fn">点击</p>
        <p :class="b ? 'b':''" @click="fn2()">55555</p>
        <h1 :class="c ? 'c':''"></h1>
 </div>

js部分在这里插入代码片

new Vue({
         el:'#app',
         data:{
             a:true,
             b:false,
             c:true
         },
         methods:{
             fn(){
                //  this.a=!this.a;
                // 点击的时候将原有的状态该变成点击设置的状态，但是只能改变一次。所以此处涉及到判断
                 this.a=false
                 
             },
             fn2(){
             点击切换状态，可以相互转换。
                this.b=!this.b;
             }
         }
     })