vue里面如何动态添加class类名和style样式

一、动态添加class

举个列子如下，我需要用到的 class如下：

<style>
    .red{color: skyblue;}
    .thin{font-weight: 200;}
    .italic{font-style: italic;}
    .active{letter-spacing: 0.5em}
</style>

我想动态添加class， 而不是手动写在某个标签里面。 这时候需要用到v-modal动态变量来绑定，根据v-modal的值判断是否够存在，动态去添加class类名。

1.第一种使用方式，直接传递一个数组，注意的 class需要使用 v-bind 做数据绑定，效果如下：

 

 主要code：

 <h1 v-if="flag" :class="['italic','red']">H1标签！！！</h1>

全部code：

<template>
  <div>
    <h1 v-if="flag" :class&#