Vue.js 3.x前端開發實戰

Vue.js 3.x前端開發實戰

《Vue.js 3.x前端開發實戰》是2021年北京理工大學出版社出版的圖書。

基本介紹

  • 中文名: Vue.js 3.x前端開發實戰
  • 作者:李文奎,朱繼宏 編
  • 出版時間:2021年
  • 出版社:北京理工大學出版社
  • ISBN:9787576301830
  • 開本:16 開
  • 裝幀:平裝
內容簡介,圖書目錄,

內容簡介

本書結合**的Vue.js 3.x技術,深入淺出地介紹前端開發框架Vue“全家桶”需要掌握的相關知識及技能。在理論知識講解方面,從初學者的角度,以通俗易懂的語言、實用的案例講解了Vue基礎知識和技能;在實例製作方面,注重實踐、注重知識的運用;在考查知識掌握程度方面,書中每章配有自測題與實踐題;最後,以綜合案例整合所學知識,有助於學生理解知識、掌握相關技能,達到學以致用的目的。
本書既可以作為軟體技術、移動套用開發、雲計算技術套用、大數據技術專業及其他相關專業的教材,也可以作為廣大IT技術人員和Vue.js愛好者的參考讀物。

圖書目錄

第1章 Web開發基礎
1.1 Web開發基礎
1.1.1Web 1.0時代
1.1.2Web 2.0時代
1.2 Web開發模式
1.2.1 MVC
1.2.2 MVP
1.2.3 MVVM
1.3 Vue簡介
1.3.1 Vue的開發模式
1.3.2 Vue的安裝
1.4 開發工具的使用
1.4.1 VS Code
1.4.2 Vue.js Devtools外掛程式
1.5 第一個Vue程式
1.5.1 編寫Vue程式
1.5.2 通過瀏覽器運行程式習題與實踐
第2章 Vue基礎
2.1 Vue實例
2.1.1 創建Vue實例及掛載
2.1.2 Vue數據與方法
2.2 計算屬性和偵聽屬性
2.2.1 計算屬性
2.2.2 偵聽屬性
2.3 事件
2.3.1 事件監聽及事件處理
2.3.2 事件修飾符
2.3.3 按鍵修飾符
2.4 Vue生命周期
2.4.1 生命周期鉤子函式
2.4.2 生命周期鉤子函式實例習題與實踐
第3章 Vue數據綁定
3.1 Vue模板語法
3.1.1 模板語法
3.1.2 v-text
3.1.3 v-html
3.2 v-bind
3.2.1 class屬性綁定
3.2.2 style屬性綁定
3.3 條件渲染
3.3.1 v-show
3.3.2 v-if
3.3.3 v-else
3.3.4 v-else-if
3.4 v-for
3.4.1 v-for
3.4.2 雙重v-for
3.5 v-model
3.5.1 綁定文本框
3.5.2 綁定單選按鈕
3.5.3 綁定複選框
3.5.4 綁定列表框
3.5.5 綁定修飾符
3.6 自定義指令
3.6.1 自定義指令構成
3.6.2 動態指令參數
3.7 購物車案例
3.7.1 案例說明
3.7.2 案例分析與實施
習題與實踐
第4章 Vue組件
4.1 組件的定義與使用
4.1.1 註冊全局組件
4.1.2 註冊局部組件
4.1.3 .vue檔案
4.2 組件通信
4.2.1 父組件給子組件傳遞信息
4.2.2 子組件給父組件傳遞信息
4.3 插槽的使用
4.3.1 單個插槽
4.3.2 具名插槽
4.3.3 作用域插槽
4.4 簡易留言板案例
4.4.1 案例說明
4.4.2 案例分析與實施
4.4.3 原始碼
習題與實踐
第5章 vue-router路由
5.1 前端路由
5.1.1 vue-router的引入
5.1.2 vue-router基礎用法
5.1.3 路由重定向
5.2 動態路由
5.2.1 query方式傳參
5.2.2 params方式傳參
5.3 嵌套路由
5.3.1 嵌套路由基礎
5.3.2 嵌套路由的實現
5.4 命名路由和命名視圖
5.4.1 命名路由
5.4.2 命名視圖
5.5 編程式導航
5.5.1 push( )方法
5.5.2 replace( )方法
5.5.3 go( )方法
習題與實踐
第6章 Vue項目構建
6.1 項目腳手架vue-cli
6.1.1 安裝vue-cli
6.1.2 使用vuecreate創建項目
6.1.3 項目初始目錄結構
6.2 Vant外掛程式
6.2.1 安裝Vant外掛程式
6.2.2 引入組件
6.2.3 使用Vant組件
6.3 Axios
6.3.1 Axios基礎
6.3.2 在Vue單檔案中使用Axios
6.3.3 Axios在Vue項目中的使用
6.3.4 Axios封裝及調用
習題與實踐
第7章 組合式API
7.1 組合式API簡介
7.1.1 組合式API的入口函式
7.1.2 ref與reactive函式
7.1.3 toRefs函式
7.2 computed、watch和watchEffect
7.2.1 computed函式
7.2.2 watch和watchEffect
7.3 provide和inject
7.3.1 provide/inject使用方式
7.3.2 provide/inject實例
7.4 組合式API生命周期
7.4.1 組合式API生命周期鉤子函式
7.4.2 組合式API生命周期鉤子函式示例
習題與實踐
第8章 Vuex狀態管理
8.1 Vuex概述
8.1.1 狀態管理模式
8.1.2 Vuex教據狀態管理
8.1.3 Vuex基本使用
8.2 Vuex中的配置選項
8.2.1 State
8.2.2 Getters
8.2.3 Mutations
8.2.4 Actions
8.2.5 Modules
習題與實踐
第9章 綜合案例開發1——萬家水果APP
9.1 項目前期準備工作
9.1.1 項目創建及外掛程式安裝
9.1.2 準備數據
9.1.3 項目目錄
9.2 公共組件的設計與製作
9.2.1 頭部組件
9.2.2 輪播圖組件
9.2.3 導航組件
9.3 main.js、app.vue及router/index.js項目檔案
9.3.1 main.js
9.3.2 app.vue
9.3.3 router/index.js
9.4 首頁組件(index.vue)
9.5 商品頁組件(goods.vue)
9.5.1 商品頁組件(goods.vue)結構代碼
9.5.2 商品頁組件(goods.vue)邏輯代碼
9.6 購物車組件(cart.vue)
9.6.1 購物車組件(cart.vue)結構代碼
9.6.2 購物車組件(cart.vue)邏輯代碼
9.7 訂單組件(order.vue)
9.7.1 訂單組件(order.vue)結構代碼
9.7.2 訂單組件(order.vue)邏輯代碼
9.8 我的組件(about.vue)
9.8.1 我的組件(about.vue)結構代碼
9.8.2 我

相關詞條

熱門詞條

聯絡我們