Vue.js項目實戰(zhàn)開發(fā)

模塊一 開發(fā)環(huán)境搭建
任務(wù)一 Vue開發(fā)環(huán)境搭建
1.什么是Vue？
2.Vue開發(fā)環(huán)境搭建
任務(wù)二 Vue旅游論壇項目初始化
1.package.json文件
2.src目錄文件
模塊二 留言板設(shè)計
任務(wù)一 留言列表單向數(shù)據(jù)綁定
1.認(rèn)識MVVM框架
2.MVVM架構(gòu)的優(yōu)點
3.Vue組件解析
4.插值語法
5.v-texl指令
6.v-html指令
任務(wù)二 用戶頭像渲染
1.v-bind指令初識
2.指令預(yù)期值
3.v-bind指令支持的數(shù)據(jù)類型
任務(wù)三 用戶表單信息渲染
1.v-model綁定輸入框
2.v-model綁定下拉框
3.v-model綁定單選框和復(fù)選框
4.v-model修飾符
任務(wù)四 信息預(yù)覽框設(shè)計
1.認(rèn)識計算屬性
2.計算屬性注意事項
3.getter和setter函數(shù)
任務(wù)五 留言內(nèi)容輸入框字符數(shù)判定
1.watch偵聽器基礎(chǔ)應(yīng)用
2.watch偵聽器中的參數(shù)應(yīng)用
3.偵聽器和計算屬性的區(qū)別
模塊三 發(fā)表留言功能開發(fā)
任務(wù)一 留言點贊功能開發(fā)
1.v-on指令
2.事件修飾符
任務(wù)二 匿名評論功能開發(fā)
1.v-if系列指令
2.v-show指令
任務(wù)三 留言列表渲染
v-for指令
任務(wù)四 發(fā)表留言功能開發(fā)
1.鼠標(biāo)事件
2.鍵盤事件
3.表單事件
模塊四 留言板異步數(shù)據(jù)渲染
任務(wù)一 MOCK數(shù)據(jù)接口搭建
1.Axios庫的使用
2.Vue生命周期
3.Mock數(shù)據(jù)接口