Move in and out to switch background color in vue

  <button class="btn1" @mouseover="addActive($event)" @mouseout="removeActive($event)">

Note: write two sets of style btn1andbtn11

methods:{
    
    
      addActive($event) {
    
    
      $event.currentTarget.className = 'btn1'
    },
      removeActive($event) {
    
    
      $event.currentTarget.className = 'btn11'
    },
}