计算机网络/计算机科学与应用/系统/运维/开发

Vue3 元素样式绑定

一、class 绑定

1.1、数组语法


image.png


1.2、对象语法

使用 v-bind 对元素的class属性进行绑定,常用的绑定数据设置为一个对象,这样可以动态切换元素的class


1、内联绑定

image.png


2、非内联绑定

非内联绑定的形式是将元素的class属性绑定的对象定义在data选项中


image.png


无论人生上到哪一层台阶,阶下有人在仰望你,阶上亦有人在俯视你,你抬头自卑,低头自得,唯有平视,才能看见真实的自己。

评论

^