## 条件渲染 常用指令 `v-if` `v-else,v-else-if` `v-show` ``` <div v-if='conut > 0'></div> <div v-else-if='conut <0 && conut >-5'>conut值是 {{ conut }}</div> <div v-else>conut值是 {{conut}}</div> ``` ## 列表渲染 常用指令 `v-for` `v-for 与 v-if结合使用` `v-for高阶用法` ### 列表渲染和条件渲染的结合使用 使用`v-show`也可以代替`v-if`  ## Class与style绑定 关于`v-bind:style`样式你需要作为一个对象写入`data`有横杆的属性需要加单引号也可以使用驼峰写法，右边属性也需要添加单引号  关于`class`绑定activ还能做判断可以为接下来的todolist做准备 当`age<30`的时候我们添加`active`