04-Vue-绑定属性

(1)对class 属性进行绑定

<div class="app">

        <button @click="fn1">{ { title}}</button>

        <!-- 1.变量表示 -->

        <div v-bind:class="mainbox"></div>

       

        <!-- 2.数组表示多类名：字符串、变量 -->

        <div :class="['mainbox',mode]"> 你好 </div>

        <br>

       

        <!-- 3.对象表示布尔显示：属性值为ture时，属性名有效 -->

        <div :class="{mainbox:n,day:'true'}">boolean</div>

       

        <!--3.数组语法,这样写将始终添加 errorClass，但是只有在 isActive 是真值时才添activeClass-->