永康网站网站建设,上海提供虚拟注册地址的园区,计算机专业学什么,在线设计网站源码本篇为个人笔记
1.对于class类的绑定的区别
vue2:对于vue2而言#xff0c;所有类的绑定都是基于对象{}来进行的
例如#xff1a;单个类绑定
div :class{active:isActive}/div 多个类绑定#xff1a;
div :class{active,hasError…本篇为个人笔记
1.对于class类的绑定的区别
vue2:对于vue2而言所有类的绑定都是基于对象{}来进行的
例如单个类绑定
div :class{active:isActive}/div 多个类绑定
div :class{active,hasError,test1,test2,me:isMe}/div vue3:vue3的类绑定是基于数组[]来进行的
例如单个绑定
div :class[isActive?active:]/div 多个绑定
div :class[a,b,c,IsError?hasError:,IsMe?d:e]/div 2.对于style的绑定
vue2和vue3对于style的绑定没有变化都是基于对象{}
div :style{color:red}/div
或者
div :stylestyleObj/divvue2中
data(){return{styleObj:{color:red}}
}vue3中
script setup langtslet styleObj {color:red}
/script