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

- 前言
- 你真的懂This嗎?
- 對象和對象構造函數
- 工廠功能和模塊模式
- API的使用
- async and await
- 關于async的很棒的一篇文章
- 掘金:關于forEach,map,fiter循環操作
- Node.js 實例與基礎
- 原創: Express 學習使用筆記
- 零碎知識點方法
- 關于滾動吸頂的方法
- Vue學習筆記
- Vue向導
- vuex是啥?
- vue代碼風格指南
- 關于vue的初體驗
- 超詳細解毒Vue
- Vue實例
- 模版語言
- 組件基礎
- 條件渲染、列表渲染、Class與style綁定
- Todolist的制作超詳細
- vue-router
- Vue基礎2.0x 筆記
- 搭建vuepress
- JavaScript之ES6
- 箭頭函數
- 這就是This