class绑定的写法

调用Vue框架的写法
Vue.createApp({
data(){
        return {
                obj:{
                        aaa:true,
                        bbb:true,
                        ccc:false
                        }
                arr:[ 'aaa','bbb']
                }
},
methods:{
        handleclick(){},
}
}).mount("id名")

1、对象写法
<div  :class="obj"></div>
当属性值为真的时候才会显示相应的属性，比如当前页面上
<div  class="aaa   bbb"></div>
可以通过修改属性值来修改是否存在此类名
可以直接添加没有的属性，就算初始没有
2、数组写法
<div  :class="arr"></div>
当前数组里的所有元素都是被当做类选择器的名字
eg：<div  class="aaa   bbb"></div>
如果数组arr为显示<div  class></div>
可以通过数组的js方法增加删除类名
可以直接添加没有的元素，就算初始没有