Vue绑定class的三种方法，如何改写为长尾词？

本文共计1110个文字，预计阅读时间需要5分钟。

一、对象语法糖+1、给v-bind:class设置一个对象，可以动态地切换class，例如：

javascriptvar app=new Vue({ el: '#app', data: { isActive: false }});

一、对象语法

1、给v-bind:class 设置一个对象，可以动态地切换class，例如：

<div id="app"> <div :class="{'active':isActive}"></div> </div> <script> var app = new Vue({ el:'#app', data:{ isActive:true } }) </script>

最终渲染结果：

<div class="active"></div>

2、对象中也可以传入多个属性，来动态切换class。