一军掂、邂逅vue.js
1.1 認(rèn)識(shí)vue.js
- vue的讀音
- vue的漸進(jìn)式
- vue的特點(diǎn)
1.2 安裝vue
1.3 vue的初體驗(yàn)
- Hello Vuejs
- mustache->體驗(yàn)vue的響應(yīng)式
- vue列表展示
- v-for
- 后面給數(shù)組追加元素的時(shí)候勾徽,新的元素也可以在界面中渲染出來
- vue計(jì)數(shù)器小案例
- 事件監(jiān)聽:click->methods
1.4 vue中的MVVM
1.5 創(chuàng)建vue時(shí)泽裳,options可以放哪些東西
- el
- data
- methods
- computed
- 生命周期函數(shù)
二婚脱、插值語(yǔ)法
- mustache語(yǔ)法
- v-once
- v-html
- v-text
- v-pre:{{}}
- v-clock:斗篷齐佳,防止加載時(shí)網(wǎng)速差顯示{{}}等
三锭弊、動(dòng)態(tài)綁定屬性
3.1 v-bind綁定基本屬性
- v-bind:src
- v-bind:href
3.2 v-bind動(dòng)態(tài)綁定class
- 對(duì)象語(yǔ)法
- 數(shù)組語(yǔ)法
3.3 v-bind動(dòng)態(tài)綁定style
- 對(duì)象語(yǔ)法
- 數(shù)組語(yǔ)法
四船惨、計(jì)算屬性
- 案例一:firstname+lastname
- 案例二:books->price