Vue知识点汇总(实时更新修正)

一、class 与 style

  • 动态class( 与普通的 class 属性共存):可直接用对象,如果有普通class,应该用数组语法,对象中只有动态的
    :class="[{ active: isActive },errorClass]"
    :class="{ active: isActive, 'text-danger': hasError }"
  • 内联样式:对象语法,驼峰和短横线都行
    :style="{ color: activeColor, fontSize: fontSize + 'px' }"

二、v-if 与v-for与v-show

  • v-if切换多个元素标签,使用