vue样式动态绑定

由于日常使用vue和react两种框架开发（看项目），容易混淆，于是记录一下：

 

vue： 

      <p v-bind:class="[message.length !==0 ? 'activeClass' : 'errorClass']">
        {{tip}}
      </p>

样式： 

 .activeClass {
	  color: blue;
  }
  .errorClass {
	  color: red;
  }

图片：

          <img
            :src="length == 1 ? require('../../assets/icon001.png'):require('../../assets/icon01.png')"
            class="i-img"
          >