| *完成訂單後正常情形下約兩周可抵台。 *本賣場提供之資訊僅供參考,以到貨標的為正確資訊。 印行年月:202307*若逾兩年請先於私訊洽詢存貨情況,謝謝。 台灣(台北市)在地出版社,每筆交易均開具統一發票,祝您中獎最高1000萬元。 書名:Vue.js項目實戰開發 ISBN:9787568543330 出版社:大連理工大學 著編譯者:王琳燕 吳森宏 頁數:306 所在地:中國大陸 *此為代購商品 書號:1586810 可大量預訂,請先連絡。 內容簡介 本教材是福建省精品在線開放課程「基於Vue前端框架開發」的配套教材。教材遵循「項目導向、任務驅動」的教學理念,將「暢遊八閩」項目分解成若干個能夠實現階段性成果的任務,落實到教材各個模塊中實施。其中: 模塊一 「開發環境搭建」:使用Vite工具搭建Vue項目,並根據提供的HTML素材將項目通過Vue框架進行改寫,實現項目頁面的布局與樣式效果。 模塊二 「留言板設計」:使用Vue js的綁定特性設計與開發留言板。 模塊三 「發表留言功能開發」:使用Vue js的基本指令實現留言點贊、匿名評論、留言列表渲染、發表留言等功能。 模塊四 「留言板非同步數據渲染」:藉助Axios第三方庫,使用Vue js的數據交互技術實現留言板非同步數據渲染。 模塊五 「留言列表組件開發」:通過組件實現「留言列表」、「點贊」和「標題」組件的開發。 模塊六 「熱點文章頁面開發」:使用Vue js的路由實現「熱點文章」頁面跳轉功能。 模塊七 「頁面切換效果設計」:通過Vue的動畫組件設計頁面之間的切換效果。 模塊八 「推薦好文頁面開發」:使用Vuex統一管理「推薦好文」的閱讀量、熱度等狀態信息。 模塊九 「留言後台管理系統設計」:使用第三方UI插件ElementPlus與Echarts結合,設計後台留言管理頁面。留言後台管理分為留言內容管理和留言數據看板兩個模塊。 模塊十 「Vue3項目重構」:使用Vue3組合式API對之前模塊設計的項目進行重構。目錄 模塊一 開發環境搭建任務一 Vue開發環境搭建 1 什麼是Vue? 2 Vue開發環境搭建 任務二 Vue旅遊論壇項目初始化 1 package json文件 2 src 目錄 文件模塊二 留言板設計 任務一 留言列表單向數據綁定 1 認識MVVM框架 2 MVVM架構的優點 3 Vue組件解析 4 插值語法 5 v-texl指令 6 v-html指令 任務二 用戶頭像渲染 1 v-bind指令初識 2 指令預期值 3 v-bind指令支持的數據類型 任務三 用戶表單信息渲染 1 v-model綁定輸入框 2 v-model綁定下拉框 3 v-model綁定單選框和複選框 4 v-model修飾符 任務四 信息預覽框設計 1 認識計算屬性 2 計算屬性注意事項 3 getter和setter函數 任務五 留言內容輸入框字元數判定 1 watch偵聽器基礎應用 2 watch偵聽器中的參數應用 3 偵聽器和計算屬性的區別 模塊三 發表留言功能開發 任務一 留言點贊功能開發 1 v-on指令 2 事件修飾符 任務二 匿名評論功能開發 1 v-if系列指令 2 v-show指令 任務三 留言列表渲染 v-for指令 任務四 發表留言功能開發 1 滑鼠事件 2 鍵盤事件 3 表單事件 模塊四 留言板非同步數據渲染 任務一 MOCK數據介面搭建 1 Axios庫的使用 2 Vue生命周期 3 Mock數據介面 任務二 留言時間記錄 1 響應攔截器 2 請求攔截器 模塊五 留言列表組件開發 任務一 認識Vue組件 1 組件簡介 2 組件分類 3 全局組件 4 局部組件 任務二 留言列表組件設計 1 父、子組件 2 父組件向子組件傳值 任務三 點贊組件設計 平細件向父細件傳值 任務四 標題組件設計 1 插槽 2 匿名插槽 3 具名插槽 4 作用域插槽 模塊六 熱點文章頁面開發 任務一 「熱點文章」導航設計 1 認識前端路由和後端路由的區別 2 認識Vue-router 3 Vue-router的安裝與導入 4 路由配置 5 路由渲染 任務二 「熱點文章」嵌套路由開發 1 什麼是嵌套路由? 2 設計嵌套路由 任務三 「熱點文章」路由激活樣式和重定向設計 1 路由激活樣式 2 路由重定向 任務四 「推薦好文」詳情頁跳轉與返回 1 動態路由匹配 2 編程式導航 任務五 用戶許可權控制 1 導航守衛 2 動態路由 模塊七 頁面切換效果設計 任務一 使用Animate css設計動畫 1 Vue過渡動畫 2 Vue過渡模式 3 自定義動畫 4 動畫庫的使用 任務二 使用鉤子函數設計動畫 動畫鉤子函數介紹 模塊八 推薦好文頁面開發 任務一 「推薦好文」共享數據定義 1 Vuex簡介 2 安裝與配置Vuex 3 state的使用 任務二 「推薦好文」共享數據管理 1 mutations方法 2 actions方法 3 getters屬性 4 Vuex模塊化處理 5 組合輔助函數 模塊九 留言後台管理系統設計 任務一 留言管理頁面結構設計 1 什麼是Element Plus? 2 使用前端UI框架的優點 3 安裝與配置Element Plus 4 使用Element Plus組件 任務二 「留言內容管理」設計 1 Vue內置組件 2 動態切換組件 任務三 「數據看板」設計 1 認識ECharts 2 Vue中ECharts的安裝與使用 任務四 項目打包 1 為什麼要進行項目打包? 2 Vite打包介紹 模塊十 Vue3項目重構 任務一 「熱點文章」頁面重構 1 組合式API介紹 2 組合式API基礎 任務二 「留言列表」組件重構 1 父子組件通信 2 跨代組件通信 任務三 pinia實現全局狀態管理 1 pinia介紹 2 pinia的優勢 3 pinia的安裝和導入 4 store的使用 5 state的使用 6 action的使用 7 getter的使用 參考文獻 詳細資料或其他書籍請至台灣高等教育出版社查詢,查後請於PChome商店街私訊告知ISBN或書號,我們即儘速上架。 |