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

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