資源名稱：尚硅谷Vue技術全家桶、Vue項目硅谷外賣
教程內容：
視頻基于Vue2.5錄制, 涵蓋Vue開發所需技術: 模板、數據綁定、聲明式渲染、計算屬性、事件處理、過渡動畫、指令、自定義Vue插件、組件化開發、組件間通信、Ajax前后臺交互、Vue-Router 等. 對數據代理、模板解析、數據劫持、數據綁定核心部分進行深入的源碼分析 。
視頻中也涵蓋Vue狀態管理庫Vuex的具體使用和原理結構分析。
1.基于Vue2.5版本
2.項目是關于外賣業務的前后臺分離Web App，功能模塊包含商家, 商品, 購物車, 用戶管理等多個模塊
3.后臺應用技術架構為: Node + Express + Mongodb + Mongoose
4.前臺應用技術架構為: vue + vuex + vue-router + webpack + ES6
5.采用模塊化、組件化、工程化的模式開發
6.具體涉及技術：
1).使用代理服務器解決跨域
2).mock數據接口庫: mockjs
3).ES7最新語法: async/await
4).最流行的ajax請求庫: axIOS
5).常用的滑動庫: better-scroll, swiper
6).Vue移動端UI組件庫: mint-ui
7).最常用的圖片懶加載插件: vue-lazyload
8).一次性短信驗證碼和圖片驗證碼技術
教程目錄：
Vue技術全家桶
1.Vue介紹
2.Vue基本使用
4.Vue計算屬性之基本使用
5.Vue監視
6.Vue計算屬性之set與get
7.Vue強制綁定class和style
8.Vue條件渲染
9.Vue列表渲染
10.Vue列表的搜索和排序
11.Vue事件處理
12.Vue表單數據的自動收集
13.Vue生命周期
14.Vue動畫
15.Vue過濾器
16.Vue指令
17.Vue插件
18.Vue使用vue-cli創建項目
19.Vue基于腳手架編寫項目
20.Vue打包發布項目
21.Vueeslint編碼規范檢查
22.Vue案例_初始化顯示
23.Vue案例_交互添加
24.Vue案例_交互刪除
25.Vue案例_靜態組件
26.Vue案例_動態初始化顯示
27.Vue案例_交互添加
28.Vue案例_交互刪除todo
29.Vue案例_交互footer組件功能
30.Vue案例_存儲數據
31.Vue案例_自定義事件
32.Vue案例_消息訂閱與發布
33.Vue案例_slot
34.Vue案例_數據存儲優化
35.VueAjax請求
36.Vue案例_初始化顯示
37.Vue案例_搜索
38.VueUI組件庫_mint-ui
39.Vue路由介紹
40.Vue基本路由
41.Vue嵌套路由
42.Vue緩存路由組件
43.Vue向路由組件傳遞數據
44.Vue編程式路由導航
45.Vue源碼分析_說明
46.Vue源碼分析_準備1
47.Vue源碼分析_準備2
48.Vue源碼分析_準備3
49.Vue源碼分析_數據代理_效果
50.Vue源碼分析_數據代理_debug
51.Vue源碼分析_數據代理_分析
52.Vue源碼分析_模板解析_大括號表達式
53.Vue源碼分析_模板解析_大括號表達式2
54.Vue源碼分析_模板解析_事件指令
55.Vue源碼分析_模板解析_一般指令
56.Vue源碼分析_數據綁定與數據劫持介紹
57.Vue源碼分析_數據綁定_數據劫持準備
58.Vue源碼分析_數據綁定_Dep與Watcher之間的關系
59.Vue源碼分析_數據綁定_Dep與Watcher之間的關系2
60.Vue源碼分析_數據綁定_完成
61.Vue源碼分析_MVVM結構圖
62.Vue源碼分析_雙向數據綁定
63.Vue_vuex_counter應用(vue版本)
64.Vue_vuex_理解
65.Vue_vuex_相關介紹
66.Vue_vuex_counter應用(vuex版本1)
67.Vue_vuex_counter應用(vuex版本2)
68.Vue_vuex_結構圖
69.Vue_vuex_todolist應用_創建vuex結構
70.Vue_vuex_todolist應用_header組件
71.Vue_vuex_todolist應用_list和item組件
72.Vue_vuex_todolist應用_footer組件
73.Vue_vuex_todolist應用_緩存數據
74.Vue_vuex_render配置
75.Vue_vuex_vuex相關概念總結
VUE項目實戰《硅谷外賣》
1.Vue項目_項目功能演示
2.Vue項目_項目開發準備
3.Vue項目_創建項目并運行
4.Vue項目_資源準備
5.Vue項目_項目源碼目錄設計
6.Vue項目_stylus使用
7.Vue項目_組件化編碼
8.Vue項目_引入vue-router
9.Vue項目_FooterGuide組件
10.Vue項目_各導航路由組件(靜態)
11.Vue項目_HeaderTop組件
12.Vue項目_使用swiper實現商品分類列表輪播
13.Vue項目_ShopList組件(靜態)
14.Vue項目_Login組件(靜態)
15.Vue項目_啟動后臺應用并測試接口
16.Vue項目_封裝ajax請求函數
17.Vue項目_封裝接口請求函數
18.Vue項目_使用git對項目進行版本控制
19.Vue項目_復習
20.Vue項目_配置代理實現跨域ajax請求
21.Vue項目_創建vuex的整體結構
22.Vue項目_使用vuex管理首頁數據
23.Vue項目_異步顯示當前地地址
24.Vue項目_異步顯示食品分類輪播列表
25.Vue項目_使用watch和$nextTick解決輪播的bug
26.Vue項目_異步顯示商家列表
27.Vue項目_使用svg顯示加載中提示界面
28.Vue項目_Star組件
29.Vue項目_注冊登陸功能演示說明
30.Vue項目_登陸界面效果1_切換登陸方式
31.Vue項目_登陸界面效果2_手機號檢查
32.Vue項目_登陸界面效果3_倒計時效果
33.Vue項目_登陸界面效果4_切換密碼的顯示和隱藏
34.Vue項目_登陸界面效果5_前臺表達驗證
35.Vue項目_復習
36.Vue項目_動態一次性圖形驗證碼
37.Vue項目_定義接口請求函數
38.Vue項目_登陸_發送短信驗證碼
39.Vue項目_登陸_完成登陸請求
40.Vue項目_登陸_保存用戶信息到vuex
41.Vue項目_登陸后更新個人中心界面
42.Vue項目_登陸更新跳轉路由
43.Vue項目_自動登陸
44.Vue項目_退出登陸
45.Vue項目_搭建商家整體界面
46.Vue項目_json的理解
47.Vue項目_設計json數據
48.Vue項目_使用mockjs模擬接口數據
49.Vue項目_ajax請求mockjs模擬的接口
50.Vue項目_ShopHeader組件
51.Vue項目_復習
52.Vue項目_異步顯示goods數據
53.Vue項目_滑動效果分析
54.Vue項目_使用better-scroll實現回彈滑動
55.Vue項目_收集scrollY
56.Vue項目_收集tops
57.Vue項目_滑動右側列表更新當前分類
58.Vue項目_解決慣性滑動不更新當前分類的bug
59.Vue項目_點擊分類項滑動右側列表
60.Vue項目_CartControl組件1
61.Vue項目_CartControl組件2
62.Vue項目_Food組件1
63.Vue項目_Food組件2
64.Vue項目_ShopCart組件1
65.Vue項目_ShopCart組件2
66.Vue項目_顯示購物項列表
67.Vue項目_解決列表顯示的3個bug
68.Vue項目_復習
69.Vue項目_購物車動畫
70.Vue項目_購物車列表的滑動
71.Vue項目_清空購物車
72.Vue項目_ShopRatings組件1
73.Vue項目_ShopRatings組件2
74.Vue項目_ShopInfo組件1
75.Vue項目_ShopInfo組件2
76.Vue項目_ShopInfo組件3
77.Vue項目_Search組件
78.Vue項目_緩存路由組件對象
79.Vue項目_路由組件懶加載
80.Vue項目_圖片懶加載vue-lazyload
81.Vue項目_使用moment實現日期過濾器
82.Vue項目_打包文件分析與優化
