详解vue.js之绑定class和style的示例代码

一.绑定Class属性。 绑定数据用v-bind:命令，简写成: 语法：<div v-bind:class=”{></div>。class后面的双引号里接受一个对象字面量/对象引用/数组作为参数， 这里，{active: isActive}是对象参数，active是class名,isActive是一个布尔值。下面是一个例子： 绑定对象字面量 html： <div id=classBind> <span class={warning:isWarning,safe:isSafe} v-on:click=toggle> 状态:{{ale