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

定　價：￥65.00

作　者：	王琳燕，吳森宏
出版社：	大連理工大學(xué)出版社
叢編項(xiàng)：	計算機(jī)應(yīng)用技術(shù)專業(yè)系列規(guī)劃教材
標(biāo)　簽：	暫缺

ISBN：	9787568543330	出版時間：	2023-07-01	包裝：	平裝
開本：	16開	頁數(shù)：	306	字?jǐn)?shù)：

內(nèi)容簡介

　　本教材是福建省精品在線開放課程“基于Vue前端框架開發(fā)”的配套教材。教材遵循“項(xiàng)目導(dǎo)向、任務(wù)驅(qū)動”的教學(xué)理念，將“暢游八閩”項(xiàng)目分解成若干個能夠?qū)崿F(xiàn)階段性成果的任務(wù)，落實(shí)到教材各個模塊中實(shí)施。其中：模塊一“開發(fā)環(huán)境搭建”：使用Vite工具搭建Vue項(xiàng)目，并根據(jù)提供的HTML素材將項(xiàng)目通過Vue框架進(jìn)行改寫，實(shí)現(xiàn)項(xiàng)目頁面的布局與樣式效果。模塊二“留言板設(shè)計”：使用Vue.js的綁定特性設(shè)計與開發(fā)留言板。模塊三“發(fā)表留言功能開發(fā)”：使用Vue.js的基本指令實(shí)現(xiàn)留言點(diǎn)贊、匿名評論、留言列表渲染、發(fā)表留言等功能。模塊四“留言板異步數(shù)據(jù)渲染”：借助Axios第三方庫，使用Vue.js的數(shù)據(jù)交互技術(shù)實(shí)現(xiàn)留言板異步數(shù)據(jù)渲染。模塊五“留言列表組件開發(fā)”：通過組件實(shí)現(xiàn)“留言列表”、“點(diǎn)贊”和“標(biāo)題”組件的開發(fā)。模塊六“熱點(diǎn)文章頁面開發(fā)”：使用Vue.js的路由實(shí)現(xiàn)“熱點(diǎn)文章”頁面跳轉(zhuǎn)功能。模塊七“頁面切換效果設(shè)計”：通過Vue的動畫組件設(shè)計頁面之間的切換效果。模塊八“ 好文頁面開發(fā)”：使用Vuex統(tǒng)一管理“ 好文”的閱讀量、熱度等狀態(tài)信息。模塊九“留言后臺管理系統(tǒng)設(shè)計”：使用第三方UI插件ElementPlus與Echarts結(jié)合，設(shè)計后臺留言管理頁面。留言后臺管理分為留言內(nèi)容管理和留言數(shù)據(jù)看板兩個模塊。模塊十“Vue3項(xiàng)目重構(gòu)”：使用Vue3組合式API對之前模塊設(shè)計的項(xiàng)目進(jìn)行重構(gòu)。

作者簡介

暫缺《Vue.js項(xiàng)目實(shí)戰(zhàn)開發(fā)》作者簡介

圖書目錄

模塊一開發(fā)環(huán)境搭建
任務(wù)一 Vue開發(fā)環(huán)境搭建
1.什么是Vue？
2.Vue開發(fā)環(huán)境搭建
任務(wù)二 Vue旅游論壇項(xiàng)目初始化
1.package.json文件
2.src目錄文件
模塊二留言板設(shè)計
任務(wù)一留言列表單向數(shù)據(jù)綁定
1.認(rèn)識MVVM框架
2.MVVM架構(gòu)的優(yōu)點(diǎn)
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.計算屬性注意事項(xiàng)
3.getter和setter函數(shù)
任務(wù)五留言內(nèi)容輸入框字符數(shù)判定
1.watch偵聽器基礎(chǔ)應(yīng)用
2.watch偵聽器中的參數(shù)應(yīng)用
3.偵聽器和計算屬性的區(qū)別
模塊三發(fā)表留言功能開發(fā)
任務(wù)一留言點(diǎn)贊功能開發(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ù)接口