vue样式 多个class添加与移出

vue样式 class添加与移出

//可进行多个判断 进行加类 与移出类名
//active,aeactive,active1,aeactive1 为类名
<span
                    class="nav"
                    :class="{active:oneactive==1,secactive:twoactive==2}"
                  >第一</span>
                  <span
                    class="nav"
                    :class="{active1:twoactive==1,secactive1:oneactive==2}"
                  >第二</span>

vue3使用

import { ref } from 'vue'
export default {
  setup () {
    const oneactive= ref(1)
    const twoactive= ref(1)
    return {oneactive,twoactive}
}
}