Vue动态绑定class、v-if等

一、:style

1.1、对象形式

当然，我们可以更灵活的使用这个:style，比如设置成number类型，contentHeight的值通过别的逻辑去赋予：

1.2、数组形式及三元判断

二、:class

1、对象形式

例子

实例

2、数组形式

数组形式下三元判断的补充

判断多个状态，思路就是isActive等于0吗？等于就aaa，不大于就走括号内。
括号内：isActive等于1吗？等于就bbb，不等于就ccc

二、v-if

v-if 和 v-show 写法相同，以下只为展示写法，在真实编写中，v-if尽量不要在经常显隐 的dom中使用，会造成消耗，因为v-if会使dom真正的消失。

显隐按钮
隐藏的内容

三元判断显隐内容

需要补充的是当我们在使用v-for去遍历一个DOM的时候，不要在使用v-for的DOM上使用。假如你需要使用v-if，你可以在你的DOM外层套上一层template。如果是v-show的话，template不支持v-show指令，那你就需要自己研究下DOM结构了。

三、v-for

实例