## 條件渲染 常用指令 `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`