2024年6月,信息技术与工程系学生科研团队成立以来,每一位成员表现都非常优秀,积极向上。
在新的一周里,团队成员的学习内容是前端中vue的类与样式的绑定,数据绑定的一个常见需求场景是操纵元素的 CSS class 列表和内联样式,但是因为class和style都是attribute,我们可以和其他attribute一样使用 v-bind 将它们和动态的字符串绑定。但是,在处理比较复杂的绑定时,通过拼接生成字符串是麻烦且易出错的,因此vue特别提供了特殊功能。
绑定又分为绑定对象和绑定数组,当我们绑定对象的时候,我们可以给:class传递一个对象来动态切换class,绑定的对象并不一定需要写成内联字面量的形式,也可以直接绑定一个对象;当我们绑定数组的时候,我们可以给:class绑定一个数组来渲染多个CSS class,如果想让数组有条件的进行渲染某个class,也可以使用三元表达。