掃一掃
關(guān)注中圖網(wǎng)
官方微博
本類五星書(shū)更多>
-
>
全國(guó)計(jì)算機(jī)等級(jí)考試最新真考題庫(kù)模擬考場(chǎng)及詳解·二級(jí)MSOffice高級(jí)應(yīng)用
-
>
決戰(zhàn)行測(cè)5000題(言語(yǔ)理解與表達(dá))
-
>
軟件性能測(cè)試.分析與調(diào)優(yōu)實(shí)踐之路
-
>
第一行代碼Android
-
>
JAVA持續(xù)交付
-
>
EXCEL最強(qiáng)教科書(shū)(完全版)(全彩印刷)
-
>
深度學(xué)習(xí)
中圖價(jià):¥40.0
加入購(gòu)物車
Vue.js項(xiàng)目實(shí)戰(zhàn)開(kāi)發(fā) 版權(quán)信息
- ISBN：9787568543330
- 條形碼：9787568543330 ; 978-7-5685-4333-0
- 裝幀：一般膠版紙
- 冊(cè)數(shù)：暫無(wú)
- 重量：暫無(wú)
- 所屬分類：>
Vue.js項(xiàng)目實(shí)戰(zhàn)開(kāi)發(fā) 內(nèi)容簡(jiǎn)介
本教材是福建省精品在線開(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)管理分為留言內(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ā) 目錄
模塊一 開(kāi)發(fā)環(huán)境搭建
任務(wù)一 Vue開(kāi)發(fā)環(huán)境搭建
1.什么是Vue？
2.Vue開(kāi)發(fā)環(huán)境搭建
任務(wù)二 Vue旅游論壇項(xiàng)目初始化
1.package.json文件
2.src目錄文件
模塊二 留言板設(shè)計(jì)
任務(wù)一 留言列表單向數(shù)據(jù)綁定
1.認(rèn)識(shí)MVVM框架
2.MVVM架構(gòu)的優(yōu)點(diǎn)
3.Vue組件解析
4.插值語(yǔ)法
5.v-texl指令
6.v-html指令
任務(wù)二 用戶頭像渲染
1.v-bind指令初識(shí)
2.指令預(yù)期值
3.v-bind指令支持的數(shù)據(jù)類型
任務(wù)三 用戶表單信息渲染
1.v-model綁定輸入框
2.v-model綁定下拉框
3.v-model綁定單選框和復(fù)選框
4.v-model修飾符
任務(wù)四 信息預(yù)覽框設(shè)計(jì)
1.認(rèn)識(shí)計(jì)算屬性
2.計(jì)算屬性注意事項(xiàng)
3.getter和setter函數(shù)
任務(wù)五 留言內(nèi)容輸入框字符數(shù)判定
1.watch偵聽(tīng)器基礎(chǔ)應(yīng)用
2.watch偵聽(tīng)器中的參數(shù)應(yīng)用
3.偵聽(tīng)器和計(jì)算屬性的區(qū)別
模塊三 發(fā)表留言功能開(kāi)發(fā)
任務(wù)一 留言點(diǎn)贊功能開(kāi)發(fā)
1.v-on指令
2.事件修飾符
任務(wù)二 匿名評(píng)論功能開(kāi)發(fā)
1.v-if系列指令
2.v-show指令
任務(wù)三 留言列表渲染
v-for指令
任務(wù)四 發(fā)表留言功能開(kāi)發(fā)
1.鼠標(biāo)事件
2.鍵盤(pán)事件
3.表單事件
模塊四 留言板異步數(shù)據(jù)渲染
任務(wù)一 MOCK數(shù)據(jù)接口搭建
1.Axios庫(kù)的使用
2.Vue生命周期
3.Mock數(shù)據(jù)接口
任務(wù)二 留言時(shí)間記錄
1.響應(yīng)攔截器
2.請(qǐng)求攔截器
模塊五 留言列表組件開(kāi)發(fā)
任務(wù)一 認(rèn)識(shí)Vue組件
1.組件簡(jiǎn)介
2.組件分類
3.全局組件
4.局部組件
任務(wù)二 留言列表組件設(shè)計(jì)
1.父、子組件
2.父組件向子組件傳值
任務(wù)三 點(diǎn)贊組件設(shè)計(jì)
平細(xì)件向父細(xì)件傳值
任務(wù)四 標(biāo)題組件設(shè)計(jì)
1.插槽
2.匿名插槽
3.具名插槽
4.作用域插槽
模塊六 熱點(diǎn)文章頁(yè)面開(kāi)發(fā)
任務(wù)一 “熱點(diǎn)文章”導(dǎo)航設(shè)計(jì)
1.認(rèn)識(shí)前端路由和后端路由的區(qū)別
2.認(rèn)識(shí)Vue-router
3.Vue-router的安裝與導(dǎo)入
4.路由配置
5.路由渲染
任務(wù)二 “熱點(diǎn)文章”嵌套路由開(kāi)發(fā)
1.什么是嵌套路由？
2.設(shè)計(jì)嵌套路由
任務(wù)三 “熱點(diǎn)文章”路由激活樣式和重定向設(shè)計(jì)
1.路由激活樣式
2.路由重定向
任務(wù)四 “推薦好文”詳情頁(yè)跳轉(zhuǎn)與返回
1.動(dòng)態(tài)路由匹配
2.編程式導(dǎo)航
任務(wù)五 用戶權(quán)限控制
1.導(dǎo)航守衛(wèi)
2.動(dòng)態(tài)路由
模塊七 頁(yè)面切換效果設(shè)計(jì)
任務(wù)一 使用Animate.css設(shè)計(jì)動(dòng)畫(huà)
1.Vue過(guò)渡動(dòng)畫(huà)
2.Vue過(guò)渡模式
3.自定義動(dòng)畫(huà)
4.動(dòng)畫(huà)庫(kù)的使用
任務(wù)二 使用鉤子函數(shù)設(shè)計(jì)動(dòng)畫(huà)
動(dòng)畫(huà)鉤子函數(shù)介紹
模塊八 推薦好文頁(yè)面開(kāi)發(fā)
任務(wù)一 “推薦好文”共享數(shù)據(jù)定義
1.Vuex簡(jiǎn)介
2.安裝與配置Vuex
3.state的使用
任務(wù)二 “推薦好文”共享數(shù)據(jù)管理
1.mutations方法
2.actions方法
3.getters屬性
4.Vuex模塊化處理
5.組合輔助函數(shù)
模塊九 留言后臺(tái)管理系統(tǒng)設(shè)計(jì)
任務(wù)一 留言管理頁(yè)面結(jié)構(gòu)設(shè)計(jì)
1.什么是Element Plus？
2.使用前端UI框架的優(yōu)點(diǎn)
3.安裝與配置Element Plus
4.使用Element Plus組件
任務(wù)二 “留言內(nèi)容管理”設(shè)計(jì)
1.Vue內(nèi)置組件
2.動(dòng)態(tài)切換組件
任務(wù)三 “數(shù)據(jù)看板”設(shè)計(jì)
1.認(rèn)識(shí)ECharts
2.Vue中ECharts的安裝與使用
任務(wù)四 項(xiàng)目打包
1.為什么要進(jìn)行項(xiàng)目打包？
2.Vite打包介紹
模塊十 Vue3項(xiàng)目重構(gòu)
任務(wù)一 “熱點(diǎn)文章”頁(yè)面重構(gòu)
1.組合式API介紹
2.組合式API基礎(chǔ)
任務(wù)二 “留言列表”組件重構(gòu)
1.父子組件通信
2.跨代組件通信
任務(wù)三 pinia實(shí)現(xiàn)全局狀態(tài)管理
1.pinia介紹
2.pinia的優(yōu)勢(shì)
3.pinia的安裝和導(dǎo)入
4.store的使用
5.state的使用
6.action的使用
7.getter的使用
參考文獻(xiàn)
展開(kāi)全部
書(shū)友推薦
- >
回憶愛(ài)瑪儂
- >
羅曼·羅蘭讀書(shū)隨筆-精裝
- >
人文閱讀與收藏·良友文學(xué)叢書(shū):一天的工作
- >
伯納黛特,你要去哪(2021新版)
- >
中國(guó)歷史的瞬間
- >
企鵝口袋書(shū)系列·偉大的思想20:論自然選擇(英漢雙語(yǔ))
- >
龍榆生：詞曲概論/大家小書(shū)
- >
上帝之肋:男人的真實(shí)旅程
本類暢銷
