簡單的 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;
             }
         }
     })