vue3 样式绑定class绑定

class绑定1:class=sty为一个变量，当用''引起来时为一个字符串，sty其值为vm中data的box1取box1样式,触发点击事件后sty取值为sty2,取的sty2的样式。

class2样式绑定二

 class 类名为多类名，类名为对象中的属性，属性名作为类名，属性值取的是vm里面的变量,取值为布尔值，当为ture的时候相应的类名样式通过点击事件进行渲染。

class样式绑定3

数组语法

 数组中可以输入对象，字符串，以及变量，当用单引号引起来的时候类名为字符串，不引起来的时候类名为变量取得VM中的变量值，对象中{box2:n2}类名为box2、n2为变量取值为布尔值，作用是触发box2样式

当box1、n1、box多类命又有自己的样式的时候，一般情况其中样式都会执行，相同的样式会根据渲染的顺序，执行最后一个相同样式，如果类名为id,id优先级高，相同的样式取优先级高的。