舉報 
會員
Vue.js從入門到項目實踐（超值版）
聚慕課教育研發中心編著 著
更新時間：2022-07-29 14:28:51
開會員，本書免費讀 >
最新章節：
18.7 本章總結
本書采用“基礎知識→核心應用→核心技術→項目實踐”結構和“由淺入深，由深到精”的學習模式進行講解。分為4篇，共18章，首先講解了Vue基本簡介、創建Vue簡單實例、Vue的指令、基本特性、Vue的數據及事件綁定、Vue的過濾器和Vue的過渡動畫等知識內容，還深入地講解Vue的組件、Vue常用插件、Vue實例方法、Render函數及常見問題解析等核心編程技術，詳細探討了狀態管理Vuex及Vue工程實例等知識內容。在實踐環節不僅介紹了框架Vue的訂餐管理系統、網上圖書銷售系統，還介紹了仿寫網易云音樂系統，全面展現了項目開發實踐的全過程。
- 18.7 本章總結 更新時間：2022-07-29 14:28:51
- 18.6.7 播放器
- 18.6.6 歌手頁面
- 18.6.5 歌單頁面
- 18.6.4 搜索功能
- 18.6.3 推薦頁面
- 18.6.2 導航欄頁面
- 18.6.1 頭部頁面
- 18.6 系統功能模塊設計與實現
- 18.5 項目整體結構
- 18.4 用戶需求
- 18.3 行業分析
- 18.2.2 用戶分析
- 18.2.1 需求分析
- 18.2 產品定位
- 18.1 開發背景
- 第18章 仿網易云音樂系統
- 17.5 本章總結
- 17.4.6 支付模塊
- 17.4.5 購買模塊
- 17.4.4 圖書模塊
- 17.4.3 用戶登錄模塊
- 17.4.2 首頁信息介紹模塊
- 17.4.1 首頁模塊
- 17.4 系統功能模塊設計與實現
- 17.3.3 程序運行
- 17.3.2 框架整合配置
- 17.3.1 系統開發環境要求
- 17.3 系統開發必備
- 17.2 系統功能設計
- 17.1 開發背景
- 第17章 網上圖書銷售系統
- 16.5 本章總結
- 16.4.7 商家星級模塊
- 16.4.6 加入購物車模塊
- 16.4.5 商家評論模塊
- 16.4.4 商品分類模塊
- 16.4.3 系統商品模塊
- 16.4.2 商家介紹模塊
- 16.4.1 首頁模塊
- 16.4 系統功能模塊設計與實現
- 16.3.3 框架整合配置
- 16.3.2 軟件框架
- 16.3.1 系統開發環境要求
- 16.3 系統開發必備
- 16.2 系統功能設計
- 16.1 開發背景
- 第16章 訂餐管理系統
- 第4篇 項目實踐篇
- 15.4.2 面試技巧與解析（二）
- 15.4.1 面試技巧與解析（一）
- 15.4 就業面試技巧與解析
- 15.3.4 gitlab
- 15.3.3 jenkins
- 15.3.2 nginx
- 15.3.1 生成上線文件
- 15.3 部署上線
- 15.2 項目目錄結構
- 15.1.2 vue-loader
- 15.1.1 webpack
- 15.1 準備工作
- 第15章 Vue工程實例
- 14.6.2 面試技巧與解析（二）
- 14.6.1 面試技巧與解析（一）
- 14.6 就業面試技巧與解析
- 14.5 表單處理
- 14.4 嚴格模式
- 14.3.2 logger
- 14.3.1 state快照
- 14.3 中間件
- 14.2.5 modules
- 14.2.4 actions
- 14.2.3 mutations
- 14.2.2 getters
- 14.2.1 state
- 14.2 Vuex的五大屬性
- 14.1.4 Vuex的用法
- 14.1.3 Vuex適用場景
- 14.1.2 狀態管理與Vuex
- 14.1.1 Vuex介紹
- 14.1 概述
- 第14章 狀態管理Vuex
- 第3篇 核心應用篇
- 13.4.2 面試技巧與解析（二）
- 13.4.1 面試技巧與解析（一）
- 13.4 就業面試技巧與解析
- 13.3 你問我答解析
- 13.2 運行代碼出現報錯解析
- 13.1 環境及安裝問題解析
- 第13章 常見問題解析
- 12.5.2 面試技巧與解析（二）
- 12.5.1 面試技巧與解析（一）
- 12.5 就業面試技巧與解析
- 12.4 JSX
- 12.3 函數化組件
- 12.2.3 約束
- 12.2.2 使用JavaScript代替模板功能
- 12.2.1 基本參數
- 12.2 createElement簡介
- 12.1.4 深入data對象
- 12.1.3 在什么情況下使用Render函數
- 12.1.2 Render函數怎么用
- 12.1.1 Render函數是什么
- 12.1 Render簡介
- 第12章 Render函數
- 11.4.2 面試技巧與解析（二）
- 11.4.1 面試技巧與解析（一）
- 11.4 就業面試技巧與解析
- 11.3.4 vm.$nextTick()的使用
- 11.3.3 vm.$watch()的使用
- 11.3.2 實例event方法的使用
- 11.3.1 實例DOM方法的使用
- 11.3 實例方法
- 11.2.3 數據訪問
- 11.2.2 虛擬DOM的訪問
- 11.2.1 組件樹的訪問
- 11.2 實例屬性
- 11.1.2 為什么要使用虛擬DOM
- 11.1.1 虛擬DOM是什么
- 11.1 虛擬DOM簡介
- 第11章 Vue.js實例方法
- 10.5.2 面試技巧與解析（二）
- 10.5.1 面試技巧與解析（一）
- 10.5 就業面試技巧與解析
- 10.4.4 router鉤子函數
- 10.4.3 Vue-router跳轉頁面的方式
- 10.4.2 基本用法
- 10.4.1 引用方式
- 10.4 Vue-router插件
- 10.3.5 Vue-resource優點
- 10.3.4 封裝service層
- 10.3.3 攔截器的使用
- 10.3.2 使用方式
- 10.3.1 引用方式
- 10.3 Vue-resource插件
- 10.2.4 更新數據
- 10.2.3 設置與讀取數據
- 10.2.2 安裝并使用Vuex
- 10.2.1 狀態管理與使用場景
- 10.2 狀態管理與Vuex
- 10.1.2 Vue-router路由的高級用法
- 10.1.1 什么是前端路由
- 10.1 前端路由與Vue-router路由
- 第10章 Vue.js常用插件
- 9.7.2 面試技巧與解析（二）
- 9.7.1 面試技巧與解析（一）
- 9.7 就業面試技巧與解析
- 9.6 slot
- 9.5.3 keep-alive
- 9.5.2 切換鉤子函數
- 9.5.1 基本用法
- 9.5 動態組件
- 9.4.3 Vuex與localStorage
- 9.4.2 Vuex各個模塊在流程中的功能
- 9.4.1 Vuex的原理
- 9.4 Vuex介紹
- 9.3 自定義事件監聽
- 9.2.5 $parent/$children與ref
- 9.2.4 provide和inject
- 9.2.3 $attrs和$listeners
- 9.2.2 $emit和$on
- 9.2.1 props/$emit
- 9.2 組件通信
- 9.1.6 組件中的data和methods
- 9.1.5 組件切換
- 9.1.4 組件嵌套
- 9.1.3 組件注冊
- 9.1.2 組件用法
- 9.1.1 組件是什么
- 9.1 組件基本內容
- 第9章 Vue.js組件
- 第2篇 核心應用篇
- 8.5.2 面試技巧與解析（二）
- 8.5.1 面試技巧與解析（一）
- 8.5 就業面試技巧與解析
- 8.4 動畫封裝
- 8.3 動畫鉤子
- 8.2.3 使用JavaScript動畫庫Velocity.js
- 8.2.2 使用CCS 3動畫庫Animate.css
- 8.2.1 使用CCS 3動畫庫@keyframes
- 8.2 第三方動畫庫
- 8.1.3 顯性的過渡持續時間
- 8.1.2 同時使用過渡和動畫
- 8.1.1 CSS動畫原理
- 8.1 CSS動畫
- 第8章 Vue.js動畫
- 7.6.2 面試技巧與解析（二）
- 7.6.1 面試技巧與解析（一）
- 7.6 就業面試技巧與解析
- 7.5 transition-group介紹
- 7.4 多個組件的過渡
- 7.3 多個元素的過渡
- 7.2.2 JavaScript過渡的使用
- 7.2.1 JavaScript鉤子函數過渡
- 7.2 JavaScript過渡
- 7.1.3 自定義過渡類名
- 7.1.2 CSS過渡鉤子函數
- 7.1.1 CSS過渡的用法
- 7.1 CSS過渡
- 第7章 Vue.js過渡
- 6.4.2 面試技巧與解析（二）
- 6.4.1 面試技巧與解析（一）
- 6.4 就業面試技巧與解析
- 6.3 自定義過濾器
- 6.2 雙向過濾器
- 6.1.4 currency
- 6.1.3 JSON
- 6.1.2 局部過濾器
- 6.1.1 全局過濾器
- 6.1 過濾器的基本使用
- 第6章 Vue.js過濾器
- 5.4.2 面試技巧與解析（二）
- 5.4.1 面試技巧與解析（一）
- 5.4 就業面試技巧與解析
- 5.3.2 綁定內聯樣式
- 5.3.1 綁定<html>中class的方式
- 5.3 class與style的綁定
- 5.2.3 與傳統事件綁定的區別
- 5.2.2 修飾符
- 5.2.1 方法及內聯處理器
- 5.2 事件綁定與監聽
- 5.1.5 值綁定
- 5.1.4 表單控件綁定
- 5.1.3 計算屬性緩存
- 5.1.2 計算屬性
- 5.1.1 數據綁定的方法
- 5.1 數據綁定
- 第5章 Vue數據及事件綁定
- 4.4.2 面試技巧與解析（二）
- 4.4.1 面試技巧與解析（一）
- 4.4 就業面試技巧與解析
- 4.3 extend的用法
- 4.2.3 前后端渲染對比
- 4.2.2 列表渲染
- 4.2.1 條件渲染
- 4.2 模板渲染
- 4.1.4 watch函數
- 4.1.3 模板
- 4.1.2 方法
- 4.1.1 數據
- 4.1 實例及選項
- 第4章 Vue.js基本特性
- 3.4.2 面試技巧與解析（二）
- 3.4.1 面試技巧與解析（一）
- 3.4 就業面試技巧與解析
- 3.3.6 acceptStatement
- 3.3.5 terminal
- 3.3.4 priority
- 3.3.3 twoWay
- 3.3.2 params
- 3.3.1 deep
- 3.3 指令的高級選項
- 3.2.5 對象字面量
- 3.2.4 函數簡寫
- 3.2.3 鉤子函數參數
- 3.2.2 鉤子函數
- 3.2.1 指令的注冊
- 3.2 自定義指令
- 3.1.2 條件指令
- 3.1.1 指令
- 3.1 內置指令
- 第3章 Vue.js指令
- 2.5.2 面試技巧與解析（二）
- 2.5.1 面試技巧與解析（一）
- 2.5 就業面試技巧與解析
- 2.4 實例的生命周期
- 2.3 創建一個Vue實例
- 2.2.3 在項目中引入Vue.js文件
- 2.2.2 下載Vue.js文件
- 2.2.1 安裝編輯器HBuilder X
- 2.2 下載、安裝編輯器HBuilder X及引入Vue.js文件
- 2.1 安裝Vue Devtools
- 第2章 創建Vue.js簡單實例
- 1.6.2 面試技巧與解析（二）
- 1.6.1 面試技巧與解析（一）
- 1.6 就業面試技巧與解析
- 1.5 Vue.js的兼容性
- 1.4.2 Vue.js與React的比較
- 1.4.1 Vue.js與Angular的比較
- 1.4 Vue.js與其他框架比較
- 1.3.3 MVVM模式介紹
- 1.3.2 MVP模式介紹
- 1.3.1 MVC模式介紹
- 1.3 Vue.js中的開發模式
- 1.2.2 Vue.js發展歷程
- 1.2.1 Vue.js是什么
- 1.2 Vue.js介紹
- 1.1.2 程序后端走向前端的轉變
- 1.1.1 前端靜態頁面走向動態頁面的轉變
- 1.1 前端框架的發展歷程
- 第1章 Vue.js基本簡介
- 第1篇 基礎知識篇
- 前言
- 內容簡介
- 版權信息
- 封面
- 封面
- 版權信息
- 內容簡介
- 前言
- 第1篇 基礎知識篇
- 第1章 Vue.js基本簡介
- 1.1 前端框架的發展歷程
- 1.1.1 前端靜態頁面走向動態頁面的轉變
- 1.1.2 程序后端走向前端的轉變
- 1.2 Vue.js介紹
- 1.2.1 Vue.js是什么
- 1.2.2 Vue.js發展歷程
- 1.3 Vue.js中的開發模式
- 1.3.1 MVC模式介紹
- 1.3.2 MVP模式介紹
- 1.3.3 MVVM模式介紹
- 1.4 Vue.js與其他框架比較
- 1.4.1 Vue.js與Angular的比較
- 1.4.2 Vue.js與React的比較
- 1.5 Vue.js的兼容性
- 1.6 就業面試技巧與解析
- 1.6.1 面試技巧與解析（一）
- 1.6.2 面試技巧與解析（二）
- 第2章 創建Vue.js簡單實例
- 2.1 安裝Vue Devtools
- 2.2 下載、安裝編輯器HBuilder X及引入Vue.js文件
- 2.2.1 安裝編輯器HBuilder X
- 2.2.2 下載Vue.js文件
- 2.2.3 在項目中引入Vue.js文件
- 2.3 創建一個Vue實例
- 2.4 實例的生命周期
- 2.5 就業面試技巧與解析
- 2.5.1 面試技巧與解析（一）
- 2.5.2 面試技巧與解析（二）
- 第3章 Vue.js指令
- 3.1 內置指令
- 3.1.1 指令
- 3.1.2 條件指令
- 3.2 自定義指令
- 3.2.1 指令的注冊
- 3.2.2 鉤子函數
- 3.2.3 鉤子函數參數
- 3.2.4 函數簡寫
- 3.2.5 對象字面量
- 3.3 指令的高級選項
- 3.3.1 deep
- 3.3.2 params
- 3.3.3 twoWay
- 3.3.4 priority
- 3.3.5 terminal
- 3.3.6 acceptStatement
- 3.4 就業面試技巧與解析
- 3.4.1 面試技巧與解析（一）
- 3.4.2 面試技巧與解析（二）
- 第4章 Vue.js基本特性
- 4.1 實例及選項
- 4.1.1 數據
- 4.1.2 方法
- 4.1.3 模板
- 4.1.4 watch函數
- 4.2 模板渲染
- 4.2.1 條件渲染
- 4.2.2 列表渲染
- 4.2.3 前后端渲染對比
- 4.3 extend的用法
- 4.4 就業面試技巧與解析
- 4.4.1 面試技巧與解析（一）
- 4.4.2 面試技巧與解析（二）
- 第5章 Vue數據及事件綁定
- 5.1 數據綁定
- 5.1.1 數據綁定的方法
- 5.1.2 計算屬性
- 5.1.3 計算屬性緩存
- 5.1.4 表單控件綁定
- 5.1.5 值綁定
- 5.2 事件綁定與監聽
- 5.2.1 方法及內聯處理器
- 5.2.2 修飾符
- 5.2.3 與傳統事件綁定的區別
- 5.3 class與style的綁定
- 5.3.1 綁定<html>中class的方式
- 5.3.2 綁定內聯樣式
- 5.4 就業面試技巧與解析
- 5.4.1 面試技巧與解析（一）
- 5.4.2 面試技巧與解析（二）
- 第6章 Vue.js過濾器
- 6.1 過濾器的基本使用
- 6.1.1 全局過濾器
- 6.1.2 局部過濾器
- 6.1.3 JSON
- 6.1.4 currency
- 6.2 雙向過濾器
- 6.3 自定義過濾器
- 6.4 就業面試技巧與解析
- 6.4.1 面試技巧與解析（一）
- 6.4.2 面試技巧與解析（二）
- 第7章 Vue.js過渡
- 7.1 CSS過渡
- 7.1.1 CSS過渡的用法
- 7.1.2 CSS過渡鉤子函數
- 7.1.3 自定義過渡類名
- 7.2 JavaScript過渡
- 7.2.1 JavaScript鉤子函數過渡
- 7.2.2 JavaScript過渡的使用
- 7.3 多個元素的過渡
- 7.4 多個組件的過渡
- 7.5 transition-group介紹
- 7.6 就業面試技巧與解析
- 7.6.1 面試技巧與解析（一）
- 7.6.2 面試技巧與解析（二）
- 第8章 Vue.js動畫
- 8.1 CSS動畫
- 8.1.1 CSS動畫原理
- 8.1.2 同時使用過渡和動畫
- 8.1.3 顯性的過渡持續時間
- 8.2 第三方動畫庫
- 8.2.1 使用CCS 3動畫庫@keyframes
- 8.2.2 使用CCS 3動畫庫Animate.css
- 8.2.3 使用JavaScript動畫庫Velocity.js
- 8.3 動畫鉤子
- 8.4 動畫封裝
- 8.5 就業面試技巧與解析
- 8.5.1 面試技巧與解析（一）
- 8.5.2 面試技巧與解析（二）
- 第2篇 核心應用篇
- 第9章 Vue.js組件
- 9.1 組件基本內容
- 9.1.1 組件是什么
- 9.1.2 組件用法
- 9.1.3 組件注冊
- 9.1.4 組件嵌套
- 9.1.5 組件切換
- 9.1.6 組件中的data和methods
- 9.2 組件通信
- 9.2.1 props/$emit
- 9.2.2 $emit和$on
- 9.2.3 $attrs和$listeners
- 9.2.4 provide和inject
- 9.2.5 $parent/$children與ref
- 9.3 自定義事件監聽
- 9.4 Vuex介紹
- 9.4.1 Vuex的原理
- 9.4.2 Vuex各個模塊在流程中的功能
- 9.4.3 Vuex與localStorage
- 9.5 動態組件
- 9.5.1 基本用法
- 9.5.2 切換鉤子函數
- 9.5.3 keep-alive
- 9.6 slot
- 9.7 就業面試技巧與解析
- 9.7.1 面試技巧與解析（一）
- 9.7.2 面試技巧與解析（二）
- 第10章 Vue.js常用插件
- 10.1 前端路由與Vue-router路由
- 10.1.1 什么是前端路由
- 10.1.2 Vue-router路由的高級用法
- 10.2 狀態管理與Vuex
- 10.2.1 狀態管理與使用場景
- 10.2.2 安裝并使用Vuex
- 10.2.3 設置與讀取數據
- 10.2.4 更新數據
- 10.3 Vue-resource插件
- 10.3.1 引用方式
- 10.3.2 使用方式
- 10.3.3 攔截器的使用
- 10.3.4 封裝service層
- 10.3.5 Vue-resource優點
- 10.4 Vue-router插件
- 10.4.1 引用方式
- 10.4.2 基本用法
- 10.4.3 Vue-router跳轉頁面的方式
- 10.4.4 router鉤子函數
- 10.5 就業面試技巧與解析
- 10.5.1 面試技巧與解析（一）
- 10.5.2 面試技巧與解析（二）
- 第11章 Vue.js實例方法
- 11.1 虛擬DOM簡介
- 11.1.1 虛擬DOM是什么
- 11.1.2 為什么要使用虛擬DOM
- 11.2 實例屬性
- 11.2.1 組件樹的訪問
- 11.2.2 虛擬DOM的訪問
- 11.2.3 數據訪問
- 11.3 實例方法
- 11.3.1 實例DOM方法的使用
- 11.3.2 實例event方法的使用
- 11.3.3 vm.$watch()的使用
- 11.3.4 vm.$nextTick()的使用
- 11.4 就業面試技巧與解析
- 11.4.1 面試技巧與解析（一）
- 11.4.2 面試技巧與解析（二）
- 第12章 Render函數
- 12.1 Render簡介
- 12.1.1 Render函數是什么
- 12.1.2 Render函數怎么用
- 12.1.3 在什么情況下使用Render函數
- 12.1.4 深入data對象
- 12.2 createElement簡介
- 12.2.1 基本參數
- 12.2.2 使用JavaScript代替模板功能
- 12.2.3 約束
- 12.3 函數化組件
- 12.4 JSX
- 12.5 就業面試技巧與解析
- 12.5.1 面試技巧與解析（一）
- 12.5.2 面試技巧與解析（二）
- 第13章 常見問題解析
- 13.1 環境及安裝問題解析
- 13.2 運行代碼出現報錯解析
- 13.3 你問我答解析
- 13.4 就業面試技巧與解析
- 13.4.1 面試技巧與解析（一）
- 13.4.2 面試技巧與解析（二）
- 第3篇 核心應用篇
- 第14章 狀態管理Vuex
- 14.1 概述
- 14.1.1 Vuex介紹
- 14.1.2 狀態管理與Vuex
- 14.1.3 Vuex適用場景
- 14.1.4 Vuex的用法
- 14.2 Vuex的五大屬性
- 14.2.1 state
- 14.2.2 getters
- 14.2.3 mutations
- 14.2.4 actions
- 14.2.5 modules
- 14.3 中間件
- 14.3.1 state快照
- 14.3.2 logger
- 14.4 嚴格模式
- 14.5 表單處理
- 14.6 就業面試技巧與解析
- 14.6.1 面試技巧與解析（一）
- 14.6.2 面試技巧與解析（二）
- 第15章 Vue工程實例
- 15.1 準備工作
- 15.1.1 webpack
- 15.1.2 vue-loader
- 15.2 項目目錄結構
- 15.3 部署上線
- 15.3.1 生成上線文件
- 15.3.2 nginx
- 15.3.3 jenkins
- 15.3.4 gitlab
- 15.4 就業面試技巧與解析
- 15.4.1 面試技巧與解析（一）
- 15.4.2 面試技巧與解析（二）
- 第4篇 項目實踐篇
- 第16章 訂餐管理系統
- 16.1 開發背景
- 16.2 系統功能設計
- 16.3 系統開發必備
- 16.3.1 系統開發環境要求
- 16.3.2 軟件框架
- 16.3.3 框架整合配置
- 16.4 系統功能模塊設計與實現
- 16.4.1 首頁模塊
- 16.4.2 商家介紹模塊
- 16.4.3 系統商品模塊
- 16.4.4 商品分類模塊
- 16.4.5 商家評論模塊
- 16.4.6 加入購物車模塊
- 16.4.7 商家星級模塊
- 16.5 本章總結
- 第17章 網上圖書銷售系統
- 17.1 開發背景
- 17.2 系統功能設計
- 17.3 系統開發必備
- 17.3.1 系統開發環境要求
- 17.3.2 框架整合配置
- 17.3.3 程序運行
- 17.4 系統功能模塊設計與實現
- 17.4.1 首頁模塊
- 17.4.2 首頁信息介紹模塊
- 17.4.3 用戶登錄模塊
- 17.4.4 圖書模塊
- 17.4.5 購買模塊
- 17.4.6 支付模塊
- 17.5 本章總結
- 第18章 仿網易云音樂系統
- 18.1 開發背景
- 18.2 產品定位
- 18.2.1 需求分析
- 18.2.2 用戶分析
- 18.3 行業分析
- 18.4 用戶需求
- 18.5 項目整體結構
- 18.6 系統功能模塊設計與實現
- 18.6.1 頭部頁面
- 18.6.2 導航欄頁面
- 18.6.3 推薦頁面
- 18.6.4 搜索功能
- 18.6.5 歌單頁面
- 18.6.6 歌手頁面
- 18.6.7 播放器
- 18.7 本章總結 更新時間：2022-07-29 14:28:51
