前端面试题之class和style是怎么动态绑定的

前端面试题之class和style是怎么动态绑定的

• class样式：

  • ：class = "xxx"xxx可以是字符串、对象、数组
    • 字符串写法适用于：类名不确定，要动态获取
    • 数组写法适用于：绑定多个样式，个数不确定，名字也不确定（可以利用Array的API操作）
    • 对象写法适用于：要绑定多个样式，个数确定，名字也确定，但是不确定用不用（在data中写这个样式对象时候，可以把value配置成true或者false，这样也方便后期修改的操作）

• style样式：

  • :style = "{fontStyle:xxx}"，其中xxx是动态值
  • :style = "[a,b]"，其中a,b是样式对象

常用的是class样式的应用，其次是style动态绑定值为对象的应用，最少用的是style动态绑定数组的应用

字符串，数组，对象最好写到data，方便动态修改增加之类的，同时在浏览器的vue工具中可操作