vue.怎么绑定属性

#html

<div>

    <h3>div颜色列表</h3>

    <ul>

        <!-- 简单绑定class -->

        <li v-bind:class="'red'">

            item ---- key

        </li>

        <br/>

        <!-- 列表绑定 -->

        <li v-for="(item,key) in list" :class="{'red':key ==0,'blue':key==1,'green':key==2,'pink':key==3}">

            {{item}} ---- {{key}}

        </li>

    </ul>

</div>

#js代码

export default {

    name: 'app',

    data() {

        return {

            list: ['红色', '蓝色', '绿色', '粉色'],

        }

    }

}

<!-- style绑定 -->

<div class="box" v-bind:style="{height:heightMax+'px',width:widthMax+'px'}">这里是一个div盒子</div>

#js代码

export default {

    name: 'app',

    data() {

        return {

             widthMax: 400,

             heightMax: 200,

        }

    }

}