1. 绑定class–对象语法
为v-bind:class
设置一个对象,可以动态切换class
:
<!-- 绑定class-对象语法 -->
<body>
<div id="app">
<!-- 类active依赖于数据isActive,当其为true时,div拥有类名Active -->
<div :class="{
'active': isActive}"></div>
<!-- 对象中也可以传入多个属性,动态切换class -->
<!-- <div class="static" :class="{'active':isActive, 'error':isError}"></div> -->
</div>
<script src = "https://unpkg.com/vue/dist/vue.min.js"></script>
<script>