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

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

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