舉報

會員
Vue.js 3.x從入門到精通(視頻教學版)
最新章節:
18.5.3 我的頁面組件及路由
本書通過應用示例和綜合案例的講解與演練,使讀者快速掌握Vue.js3.x編程知識,提高使用Vue.js開發網站和移動App的實戰能力。本書配套示例源碼、PPT課件、同步教學視頻、教學大綱與執行進度表、習題與答案、其他超值教學資源。本書共18章,內容包括快速進入Vue.js的世界、搭建開發與調試環境、熟悉ECMAScript6的語法、熟悉Vue.js的語法、指令、計算屬性、精通監聽器、事件處理、class與style綁定、表單輸入綁定、組件和組合API、過渡和動畫效果、精通VueCLI和Vite、使用VueRouter開發單頁面應用、數據請求庫——Axios、狀態管理——Vuex、網上購物商城開發實戰和電影購票App開發實戰等。本書內容豐富、理論結合實踐,可以作為工具書和參考手冊,適合Web前端開發初學者、網站與移動App設計和開發人員,也適合作為高等院校、中職學校和培訓機構計算機相關專業的師生教學參考。
最新章節
- 18.5.3 我的頁面組件及路由
- 18.5.2 影院頁面組件及路由
- 18.5.1 電影頁面組件及路由
- 18.5 設計項目頁面組件及路由配置
- 18.4.4 設計我的頁面組件
- 18.4.3 設計影院頁面組件
品牌:清華大學
上架時間:2023-07-17 18:34:06
出版社:清華大學出版社
本書數字版權由清華大學提供,并由其授權上海閱文信息技術有限公司制作發行
- 18.5.3 我的頁面組件及路由 更新時間:2023-07-17 20:00:24
- 18.5.2 影院頁面組件及路由
- 18.5.1 電影頁面組件及路由
- 18.5 設計項目頁面組件及路由配置
- 18.4.4 設計我的頁面組件
- 18.4.3 設計影院頁面組件
- 18.4.2 設計電影頁面組件
- 18.4.1 設計頭部和底部導航組件
- 18.4 設計項目組件
- 18.3 系統運行效果
- 18.2 系統結構
- 18.1 腳手架項目的搭建
- 第18章 電影購票App開發實戰
- 17.4.6 支付模塊
- 17.4.5 購買模塊
- 17.4.4 商品模塊
- 17.4.3 用戶登錄模塊
- 17.4.2 首頁信息展示模塊
- 17.4.1 首頁模塊
- 17.4 系統功能模塊設計與實現
- 17.3 系統運行效果
- 17.2 系統結構分析
- 17.1 系統功能結構
- 第17章 網上購物商城開發實戰
- 16.5 疑難解惑
- 16.4 綜合案例——使用Vuex開發商城購物車功能
- 16.3.5 action對象
- 16.3.4 mutation對象
- 16.3.3 getter對象
- 16.3.2 state對象
- 16.3.1 搭建一個項目
- 16.3 在項目中使用Vuex
- 16.2 安裝Vuex
- 16.1 什么是Vuex
- 第16章 狀態管理—Vuex
- 15.11 疑難解惑
- 15.10 綜合案例——顯示近7天的天氣情況
- 15.9 Vue.js 3.x的新變化——替代Vue.prototype
- 15.8 攔截器
- 15.7 配置默認選項
- 15.6 創建實例
- 15.5 請求配置
- 15.4 Axios API
- 15.3.4 并發請求
- 15.3.3 跨域請求數據
- 15.3.2 請求同域下的JSON數據
- 15.3.1 Axios的get請求和post請求
- 15.3 基本用法
- 15.2 安裝Axios
- 15.1 什么是Axios
- 第15章 數據請求庫—Axios
- 14.7 疑難解惑
- 14.6.3 函數模式
- 14.6.2 對象模式
- 14.6.1 布爾模式
- 14.6 組件與Vue Router間解耦
- 14.5 編程式導航
- 14.4 路由傳參
- 14.3 命名視圖
- 14.2 命名路由
- 14.1.2 在項目中使用路由
- 14.1.1 在HTML頁面使用路由
- 14.1 使用Vue Router
- 第14章 使用Vue Router開發單頁面應用
- 13.9 疑難解惑
- 13.8 Vue.js 3.x新增的開發構建工具——Vite
- 13.7 配置文件package.json
- 13.6 配置Scss、Less和Stylus
- 13.5 分析項目結構
- 13.4.2 使用圖形化界面
- 13.4.1 使用命令
- 13.4 創建項目
- 13.3 安裝腳手架
- 13.2 腳手架環境搭建
- 13.1 腳手架的組件
- 第13章 精通Vue CLI和Vite
- 12.7 疑難解惑
- 12.6 綜合案例2——設計下拉菜單的過渡動畫
- 12.5 綜合案例1——商品編號增加器
- 12.4.3 列表的交錯過渡
- 12.4.2 列表的排序過渡
- 12.4.1 列表的進入/離開過渡
- 12.4 列表過渡
- 12.3 多個元素的過渡
- 12.2 初始渲染的過渡
- 12.1.5 動畫的JavaScript鉤子函數
- 12.1.4 自定義過渡的類名
- 12.1.3 CSS動畫
- 12.1.2 過渡的類名
- 12.1.1 CSS過渡
- 12.1 單元素/組件的過渡
- 第12章 過渡和動畫效果
- 11.11 疑難解惑
- 11.10 綜合案例——使用組件創建樹狀項目分類
- 11.9 Vue.js 3.x的新變化2——訪問組件的方式
- 11.8.5 watch()方法
- 11.8.4 computed()方法
- 11.8.3 readonly()方法
- 11.8.2 ref()方法
- 11.8.1 reactive()方法和watchEffect()方法
- 11.8 響應式API
- 11.7 setup()函數
- 11.6 Vue.js 3.x的新變化1——組合API
- 11.5.6 解構插槽prop
- 11.5.5 作用域插槽
- 11.5.4 命名插槽
- 11.5.3 默認內容
- 11.5.2 編譯作用域
- 11.5.1 插槽的基本用法
- 11.5 插槽
- 11.4.3 .sync修飾符
- 11.4.2 將原生事件綁定到組件
- 11.4.1 監聽子組件事件
- 11.4 子組件向父組件傳遞數據
- 11.3.4 非prop的屬性
- 11.3.3 prop驗證
- 11.3.2 單向數據流
- 11.3.1 prop的基本用法
- 11.3 使用prop向子組件傳遞數據
- 11.2.2 局部注冊
- 11.2.1 全局注冊
- 11.2 組件的注冊
- 11.1 組件是什么
- 第11章 組件和組合API
- 10.10 疑難解惑
- 10.9 綜合案例——設計用戶注冊頁面
- 10.8.3 trim
- 10.8.2 number
- 10.8.1 lazy
- 10.8 修飾符
- 10.7.3 選擇框的選項
- 10.7.2 單選框
- 10.7.1 復選框
- 10.7 值綁定
- 10.6 選擇框
- 10.5 單選按鈕
- 10.4 復選框
- 10.3 多行文本輸入框
- 10.2 單行文本輸入框
- 10.1 實現雙向數據綁定
- 第10章 表單輸入綁定
- 9.4 疑難解惑
- 9.3 綜合案例——設計隔行變色的商品表
- 9.2.2 數組語法
- 9.2.1 對象語法
- 9.2 綁定內聯樣式(style)
- 9.1.3 在組件上使用class屬性
- 9.1.2 對象語法
- 9.1.1 數組語法
- 9.1 綁定HTML樣式(class)
- 第9章 class與style綁定
- 8.7 疑難解惑
- 8.6 綜合案例——處理用戶注冊信息
- 8.5 系統修飾鍵
- 8.4 按鍵修飾符
- 8.3.6 passive
- 8.3.5 prevent
- 8.3.4 once
- 8.3.3 self
- 8.3.2 capture
- 8.3.1 stop
- 8.3 事件修飾符
- 8.2 事件處理方法
- 8.1 監聽事件
- 第8章 事件處理
- 7.5 疑難解惑
- 7.4 綜合案例——使用監聽器設計購物車效果
- 7.3 監聽對象
- 7.2 監聽方法
- 7.1 使用監聽器
- 第7章 精通監聽器
- 6.6 疑難解惑
- 6.5 綜合案例——使用計算屬性設計購物車效果
- 6.4 使用計算屬性代替v-for和v-if
- 6.3 計算屬性的緩存
- 6.2 計算屬性的getter和setter方法
- 6.1 使用計算屬性
- 第6章 計算屬性
- 5.4 疑難解惑
- 5.3 綜合案例——通過指令實現下拉菜單效果
- 5.2.3 動態指令參數
- 5.2.2 鉤子函數
- 5.2.1 注冊自定義指令
- 5.2 自定義指令
- 5.1.11 v-cloak
- 5.1.10 v-pre
- 5.1.9 v-once
- 5.1.8 v-html
- 5.1.7 v-text
- 5.1.6 v-on
- 5.1.5 v-model
- 5.1.4 v-bind
- 5.1.3 v-for
- 5.1.2 v-if/v-else-if/v-else
- 5.1.1 v-show
- 5.1 內置指令
- 第5章 指令
- 4.8 疑難解惑
- 4.7 綜合案例——通過插值語法實現姓名組合
- 4.6 Vue.js 3.x的新變化——取消構造函數
- 4.5 縮寫
- 4.4 指令
- 4.3.3 方法之間的調用
- 4.3.2 傳遞參數
- 4.3.1 使用方法
- 4.3 方法選項
- 4.2 插值
- 4.1 創建應用程序實例
- 第4章 熟悉Vue.js的語法
- 3.12 疑難解惑
- 3.11 Modules(模塊)
- 3.10 Classes(類)
- 3.9 Promise實現
- 3.8 箭頭函數
- 3.7 增強的對象文本
- 3.6 展開運算符
- 3.5 解構賦值
- 3.4 默認參數和rest參數
- 3.3.2 字符串占位符
- 3.3.1 多行字符串
- 3.3 模板字面量
- 3.2 塊作用域構造let和const
- 3.1.2 為什么要使用ES 6
- 3.1.1 ES 6的前世今生
- 3.1 ECMAScript 6介紹
- 第3章 熟悉ECMAScript 6的語法
- 2.5 疑難解惑
- 2.4 第一個Vue.js程序
- 2.3 安裝vue-devtools
- 2.2 安裝WebStorm
- 2.1.4 使用Vite方式
- 2.1.3 命令行工具(CLI)
- 2.1.2 NPM
- 2.1.1 使用CDN方式
- 2.1 安裝Vue.js
- 第2章 搭建開發與調試環境
- 1.6 疑難解惑
- 1.5 Vue.js 3.x的新變化
- 1.4 Vue.js的發展歷程
- 1.3 Vue.js概述
- 1.2.2 MVVM模式
- 1.2.1 MVC模式
- 1.2 MV*模式
- 1.1 前端開發技術的發展
- 第1章 快速進入Vue.js的世界
- 前言
- 內容簡介
- 版權信息
- 封面
- 封面
- 版權信息
- 內容簡介
- 前言
- 第1章 快速進入Vue.js的世界
- 1.1 前端開發技術的發展
- 1.2 MV*模式
- 1.2.1 MVC模式
- 1.2.2 MVVM模式
- 1.3 Vue.js概述
- 1.4 Vue.js的發展歷程
- 1.5 Vue.js 3.x的新變化
- 1.6 疑難解惑
- 第2章 搭建開發與調試環境
- 2.1 安裝Vue.js
- 2.1.1 使用CDN方式
- 2.1.2 NPM
- 2.1.3 命令行工具(CLI)
- 2.1.4 使用Vite方式
- 2.2 安裝WebStorm
- 2.3 安裝vue-devtools
- 2.4 第一個Vue.js程序
- 2.5 疑難解惑
- 第3章 熟悉ECMAScript 6的語法
- 3.1 ECMAScript 6介紹
- 3.1.1 ES 6的前世今生
- 3.1.2 為什么要使用ES 6
- 3.2 塊作用域構造let和const
- 3.3 模板字面量
- 3.3.1 多行字符串
- 3.3.2 字符串占位符
- 3.4 默認參數和rest參數
- 3.5 解構賦值
- 3.6 展開運算符
- 3.7 增強的對象文本
- 3.8 箭頭函數
- 3.9 Promise實現
- 3.10 Classes(類)
- 3.11 Modules(模塊)
- 3.12 疑難解惑
- 第4章 熟悉Vue.js的語法
- 4.1 創建應用程序實例
- 4.2 插值
- 4.3 方法選項
- 4.3.1 使用方法
- 4.3.2 傳遞參數
- 4.3.3 方法之間的調用
- 4.4 指令
- 4.5 縮寫
- 4.6 Vue.js 3.x的新變化——取消構造函數
- 4.7 綜合案例——通過插值語法實現姓名組合
- 4.8 疑難解惑
- 第5章 指令
- 5.1 內置指令
- 5.1.1 v-show
- 5.1.2 v-if/v-else-if/v-else
- 5.1.3 v-for
- 5.1.4 v-bind
- 5.1.5 v-model
- 5.1.6 v-on
- 5.1.7 v-text
- 5.1.8 v-html
- 5.1.9 v-once
- 5.1.10 v-pre
- 5.1.11 v-cloak
- 5.2 自定義指令
- 5.2.1 注冊自定義指令
- 5.2.2 鉤子函數
- 5.2.3 動態指令參數
- 5.3 綜合案例——通過指令實現下拉菜單效果
- 5.4 疑難解惑
- 第6章 計算屬性
- 6.1 使用計算屬性
- 6.2 計算屬性的getter和setter方法
- 6.3 計算屬性的緩存
- 6.4 使用計算屬性代替v-for和v-if
- 6.5 綜合案例——使用計算屬性設計購物車效果
- 6.6 疑難解惑
- 第7章 精通監聽器
- 7.1 使用監聽器
- 7.2 監聽方法
- 7.3 監聽對象
- 7.4 綜合案例——使用監聽器設計購物車效果
- 7.5 疑難解惑
- 第8章 事件處理
- 8.1 監聽事件
- 8.2 事件處理方法
- 8.3 事件修飾符
- 8.3.1 stop
- 8.3.2 capture
- 8.3.3 self
- 8.3.4 once
- 8.3.5 prevent
- 8.3.6 passive
- 8.4 按鍵修飾符
- 8.5 系統修飾鍵
- 8.6 綜合案例——處理用戶注冊信息
- 8.7 疑難解惑
- 第9章 class與style綁定
- 9.1 綁定HTML樣式(class)
- 9.1.1 數組語法
- 9.1.2 對象語法
- 9.1.3 在組件上使用class屬性
- 9.2 綁定內聯樣式(style)
- 9.2.1 對象語法
- 9.2.2 數組語法
- 9.3 綜合案例——設計隔行變色的商品表
- 9.4 疑難解惑
- 第10章 表單輸入綁定
- 10.1 實現雙向數據綁定
- 10.2 單行文本輸入框
- 10.3 多行文本輸入框
- 10.4 復選框
- 10.5 單選按鈕
- 10.6 選擇框
- 10.7 值綁定
- 10.7.1 復選框
- 10.7.2 單選框
- 10.7.3 選擇框的選項
- 10.8 修飾符
- 10.8.1 lazy
- 10.8.2 number
- 10.8.3 trim
- 10.9 綜合案例——設計用戶注冊頁面
- 10.10 疑難解惑
- 第11章 組件和組合API
- 11.1 組件是什么
- 11.2 組件的注冊
- 11.2.1 全局注冊
- 11.2.2 局部注冊
- 11.3 使用prop向子組件傳遞數據
- 11.3.1 prop的基本用法
- 11.3.2 單向數據流
- 11.3.3 prop驗證
- 11.3.4 非prop的屬性
- 11.4 子組件向父組件傳遞數據
- 11.4.1 監聽子組件事件
- 11.4.2 將原生事件綁定到組件
- 11.4.3 .sync修飾符
- 11.5 插槽
- 11.5.1 插槽的基本用法
- 11.5.2 編譯作用域
- 11.5.3 默認內容
- 11.5.4 命名插槽
- 11.5.5 作用域插槽
- 11.5.6 解構插槽prop
- 11.6 Vue.js 3.x的新變化1——組合API
- 11.7 setup()函數
- 11.8 響應式API
- 11.8.1 reactive()方法和watchEffect()方法
- 11.8.2 ref()方法
- 11.8.3 readonly()方法
- 11.8.4 computed()方法
- 11.8.5 watch()方法
- 11.9 Vue.js 3.x的新變化2——訪問組件的方式
- 11.10 綜合案例——使用組件創建樹狀項目分類
- 11.11 疑難解惑
- 第12章 過渡和動畫效果
- 12.1 單元素/組件的過渡
- 12.1.1 CSS過渡
- 12.1.2 過渡的類名
- 12.1.3 CSS動畫
- 12.1.4 自定義過渡的類名
- 12.1.5 動畫的JavaScript鉤子函數
- 12.2 初始渲染的過渡
- 12.3 多個元素的過渡
- 12.4 列表過渡
- 12.4.1 列表的進入/離開過渡
- 12.4.2 列表的排序過渡
- 12.4.3 列表的交錯過渡
- 12.5 綜合案例1——商品編號增加器
- 12.6 綜合案例2——設計下拉菜單的過渡動畫
- 12.7 疑難解惑
- 第13章 精通Vue CLI和Vite
- 13.1 腳手架的組件
- 13.2 腳手架環境搭建
- 13.3 安裝腳手架
- 13.4 創建項目
- 13.4.1 使用命令
- 13.4.2 使用圖形化界面
- 13.5 分析項目結構
- 13.6 配置Scss、Less和Stylus
- 13.7 配置文件package.json
- 13.8 Vue.js 3.x新增的開發構建工具——Vite
- 13.9 疑難解惑
- 第14章 使用Vue Router開發單頁面應用
- 14.1 使用Vue Router
- 14.1.1 在HTML頁面使用路由
- 14.1.2 在項目中使用路由
- 14.2 命名路由
- 14.3 命名視圖
- 14.4 路由傳參
- 14.5 編程式導航
- 14.6 組件與Vue Router間解耦
- 14.6.1 布爾模式
- 14.6.2 對象模式
- 14.6.3 函數模式
- 14.7 疑難解惑
- 第15章 數據請求庫—Axios
- 15.1 什么是Axios
- 15.2 安裝Axios
- 15.3 基本用法
- 15.3.1 Axios的get請求和post請求
- 15.3.2 請求同域下的JSON數據
- 15.3.3 跨域請求數據
- 15.3.4 并發請求
- 15.4 Axios API
- 15.5 請求配置
- 15.6 創建實例
- 15.7 配置默認選項
- 15.8 攔截器
- 15.9 Vue.js 3.x的新變化——替代Vue.prototype
- 15.10 綜合案例——顯示近7天的天氣情況
- 15.11 疑難解惑
- 第16章 狀態管理—Vuex
- 16.1 什么是Vuex
- 16.2 安裝Vuex
- 16.3 在項目中使用Vuex
- 16.3.1 搭建一個項目
- 16.3.2 state對象
- 16.3.3 getter對象
- 16.3.4 mutation對象
- 16.3.5 action對象
- 16.4 綜合案例——使用Vuex開發商城購物車功能
- 16.5 疑難解惑
- 第17章 網上購物商城開發實戰
- 17.1 系統功能結構
- 17.2 系統結構分析
- 17.3 系統運行效果
- 17.4 系統功能模塊設計與實現
- 17.4.1 首頁模塊
- 17.4.2 首頁信息展示模塊
- 17.4.3 用戶登錄模塊
- 17.4.4 商品模塊
- 17.4.5 購買模塊
- 17.4.6 支付模塊
- 第18章 電影購票App開發實戰
- 18.1 腳手架項目的搭建
- 18.2 系統結構
- 18.3 系統運行效果
- 18.4 設計項目組件
- 18.4.1 設計頭部和底部導航組件
- 18.4.2 設計電影頁面組件
- 18.4.3 設計影院頁面組件
- 18.4.4 設計我的頁面組件
- 18.5 設計項目頁面組件及路由配置
- 18.5.1 電影頁面組件及路由
- 18.5.2 影院頁面組件及路由
- 18.5.3 我的頁面組件及路由 更新時間:2023-07-17 20:00:24