Vue.js 前端開發實戰

黑馬程序員

  • Vue.js 前端開發實戰-preview-1
  • Vue.js 前端開發實戰-preview-2
Vue.js 前端開發實戰-preview-1

買這商品的人也買了...

商品描述

本書是一本入門教材,以通俗易懂的語言、豐富實用的案例,詳細講解Vue.js的開發技術。
全書共9章。
*1章講解Vue.js的基本概念和開發環境;
*2、3章講解Vue.js的開發基礎;
第4章講解過渡和動畫的實現方式與應用;
第5、6章講解Vue路由(vue -router)和Vuex狀態管理;
第7章講解Vue.js開發環境的詳細配置;
第8章講解服務器端渲染的理論與實踐;
第9章講解“微商城”項目的開發實戰。
本書既可作為高等院校計算機相關專業的Web前端開發課程的教材,
也可作為廣大IT技術人員和編程愛好者的參考讀物。  

作者簡介

黑馬程序員

傳智播客旗下高端IT教育*牌,成立於2006年,
它是由中國Java培訓先行者張孝祥老師發起,
聯合全球*大的中文IT社區CSDN、中關村軟件園共同創辦的一家專業教育機構。
辦學到今,我們一直堅守著“為千萬人少走彎路而著書,
為中華軟件之崛起而講課”的辦學理念,堅持培養*秀軟件應用工程師的宏偉目標,
在累計培養的十萬餘名學員中,其中90%的學員均已在北、上、廣等一線城市高薪就業。  

目錄大綱

目錄:  
第1章Vue.js基礎入門001  
教學導航001  
1.1初識Vue 001  
1.1.1前端技術的發展001  
1.1.2什麼是Vue 002  
1.1.3 Vue的優勢002  
1.2搭建Vue開發環境003  
1.2.1 Visual Studio Code編輯器003  
1.2.2 Vue的下載和引入004  
1.2.3 git-bash命令行工具004  
1.2.4 Node.js環境005  
1.2 .5 npm包管理工具006  
1.2.6 Chrome瀏覽器和vue-devtools  
擴展007  
1.2.7 Hello World案例008  
1.3 webpack打包工具009  
1.3.1安裝webpack 009  
1.3.2 webpack簡單使用009  
1.3.3構建Vue項目010  
本章小結011  
課後習題011 
 
第2章Vue開發基礎(上) 013  
教學導航013  
2.1 Vue實例013  
2.1.1創建Vue實例013  
2.1.2 el唯*根標籤014  
2.1.3 data初始數據015  
2.1. 4 methods定義方法015  
2.1.5 computed計算屬性016  
2.1.6 watch狀態監聽017  
2.1.7 filters過濾器018  
2.2 Vue數據綁定020  
2.2.1綁定樣式020  
2.2.2內置指令022  
2.2.3學生列表案例027  
2.3 Vue事件028  
2.3.1事件監聽028  
2.3.2事件修飾符029  
2.4 Vue組件033  
2.4.1什麼是組件033  
2.4.2局部註冊組件034  
2.4.3 template模板035  
2.4.4組件之間的數據傳遞036  
2.4.5組件切換038  
2.5 Vue的生命週期039  
2.5.1鉤子函數039  
2.5.2實例創建040  
2.5.3頁面掛載040  
2.5.4數據更新041  
2.5.5實例銷毀042  
本章小結043  
課後習題043
 
第3章Vue開發基礎(下) 045  
教學導航045  
3.1全局API 045  
3.1.1 Vue.directive 045  
3.1.2 Vue.use 046  
3.1.3 Vue.extend 047  
3.1.4 Vue.set 048  
3.1.5 Vue.mixin 049  
3.2實例屬性049  
3.2.1 vm.$props 050  
3.2.2 vm.$options 052  
3.2.3 vm.$el 052  
3.2 .4 vm.$children 053  
3.2.5 vm.$root 054  
3.2.6 vm.$slots 054  
3.2.7 vm.$attrs 056  
3.3全局配置056  
3.3.1 productionTip 056  
3.3.2 silent 057  
3.3.3 devtools 058  
3.4組件進階058  
3.4.1 mixins 059  
3.4.2 render 060  
3.4.3 createElement 061  
本章小結062  
課後習題062  

第4章Vue過渡和動畫064  
教學導航064  
4.1過渡和動畫基礎064  
4.1.1什麼是過渡和動畫064  
4.1.2 transition組件065  
4.1.3自定義類名067  
4.1.4使用@keyframes創建CSS動畫069  
4.1.5鉤子函數實現動畫070  
4.1.6 Vue結合Velocity.js實現動畫071  
4.2多個元素過渡072  
4.2.1不同標籤名元素的過渡072  
4.2.2相同標籤名元素的過渡073  
4.2.3過渡模式075  
4.3多個組件過渡076  
4.4列表過渡077  
4.4.1什麼是列表過渡077  
4.4.2列表的進入和離開過渡077  
4.4.3列表的排序過渡078  
4.4.4列表的交錯過渡080  
4.4.5可複用的過渡082  
本章小結085  
課後習題086  

第5章Vue路由087  
教學導航087  
5.1初識路由087  
5.2 vue-router 089  
5.2. 1 vue-router的工作原理089  
5.2.2 vue-router的基本使用090  
5.2.3路由對象的屬性091  
5.3用戶登錄註冊案例092  
5.3.1案例分析092  
5.3.2準備工作093  
5.3.3代碼實現096  
5.4動態路由101  
5.4.1什麼是動態路由101  
5.4.2 query方式傳參102  
5.4.3 params方式傳參103  
5.5嵌套路由104  
5.5.1什麼是嵌套路由104  
5.5.2嵌套路由案例105  
5.6命名路由107  
5.6.1什麼是命名路由107  
5.6.2命名路由案例108  
5.7命名視圖109  
5.7.1什麼是命名視圖109  
5.7 .2命名視圖案例109  
5.8編程式導航110  
5.8.1 router.push() 110  
5.8.2 router.replace() 113  
5.8.3 router.go() 113  
本章小結114  
課後習題114  

第6章Vuex狀態管理116  
教學導航116  
6.1初識Vuex 116  
6.1.1什麼是Vuex 116  
6.1.2 Vuex的下載和安裝117  
6.1.3計數器案例120  
6.1.4 Vuex狀態管理模式121  
6.2 Vuex配置選項122  
6.2.1 actions 122  
6.2.2 mutations 125  
6.2.3 getters 128  
6.2.4 modules 130  
6.2.5 plugins 131  
6.2.6 devtools 132  
6.3 Vuex中的API 133  
6.3.1模塊註冊133  
6.3.2狀態替換134  
6.4購物車案例135  
6.4.1案例分析135  
6.4.2代碼實現136  
本章小結142  
課後習題143  

第7章Vue開發環境144  
教學導航144  
7.1 Vue CLI腳手架工具144  
7.1.1安裝前的注意事項144  
7.1.2全局安裝@vue/cli 145  
7.1.3使用vue create命令創建項目145  
7.1.4使用GUI創建項目147  
7.2插件149  
7.2.1 CLI插件150  
7.2.2安裝插件150  
7.3 CLI服務和配置文件151  
7.3.1 CLI服務151  
7.3.2配置文件152  
7.3.3配置多頁應用154  
7.4環境變量和模式157  
7.4.1環境變量157  
7.4.2模式158  
7.5靜態資源管理158  
本章小結160  
課後習題160  

第8章服務器端渲染162  
教學導航162  
8.1初識服務器端渲染162  
8.1.1客戶端渲染與服務器端渲染的區別162  
8.1.2服務器端渲染的注意事項163  
8.2服務器端渲染的簡單實現164  
8.2.1創建vue-ssr項目164  
8.2.2渲染Vue實例164  
8.2.3 Express搭建SSR 165  
8.2.4 Koa搭建SSR 166  
8.3 webpack搭建服務器端渲染167  
8.3.1基本流程167  
8.3.2項目搭建168  
8.4 Nuxt.js服務器端渲染框架172  
8.4.1創建Nuxt.js項目172  
8.4.2頁面和路由173  
8.4.3頁面跳轉174  
本章小結174  
課後習題175  

第9章“微商城”項目176  
教學導航176  
9.1開發前準備176  
9.1.1項目展示176  
9.1.2技術方案179  
9.1.3項目開發流程180  
9.2項目搭建180  
9.2.1創建項目180  
9.2.2配置路由181  
9.2.3配置Vuex 181  
9.2.4配置axios 182  
9.2.5目錄結構182  
9.3商城首頁182  
9.3.1頁面結構183  
9.3.2頂部標題欄183  
9.3.3輪播圖185  
9.3.4九宮格展示區域187  
9.3.5底部導航欄187  
9.4新聞資訊188  
9.4.1新聞資訊列表188  
9.4.2新聞詳情189  
9.5圖片分享189  
9.5.1圖片列表190  
9.5 .2圖片詳情190  
9.6商品購買192  
9.6.1商品詳情頁192  
9.6.2購物車194  
9.7分類列表196  
9.7.1頁面結構搭建196  
9.7.2 better-scroll的運用197  
本章小結197  
課後習題197