Vue.js 2.0 從入門到實戰

• 第1章 Vue.js介紹
• 1-1 了解Vuejs課程介紹
• 1-2 理解Vuejs的認識與特質介紹
• 第2章 Vue.js初體驗
• 2-1 掌握vuejs安裝方式
• 2-2 掌握HelloVuejs的初體驗
• 2-3 掌握Vue列表的展示
• 2-4 掌握小案例 計數器
• 2-5 理解Vue的mvvm
• 2-6 理解Vue的options選項
• 第3章 Vue的生命週期
• 3-1 理解什麼是Vue的生命週期
• 3-2 理解Vue的生命週期函數有哪些
• 3-3 了解定義vue的template
• 第4章 掌握內插操作
• 4-1 掌握內插操作 mustache語法
• 4-2 掌握內插操作 其他指令使用
• 第5章 掌握v bind使用
• 5-1 掌握v bind的基本使用
• 5-2 掌握v bind動態綁定class物件語法
• 5-3 了解v bind動態綁定class數組語法
• 5-4 完成v bind和v for結合的作業佈置
• 5-5 掌握v bind動態綁定style物件語法
• 5-6 了解v bind動態綁定style數組語法
• 第6章 掌握電腦屬性和區塊級作用域
• 6-1 掌握計算屬性的基本使用
• 6-2 掌握計算屬性的複雜操作
• 6-3 了解課堂回顧
• 6-4 理解計算屬性setter和getter
• 6-5 掌握計算屬性和methods的對比
• 6-6 掌握塊級作用域 let和var
• 6-7 理解三種方案對比 ES5沒有閉包 有閉包 ES6的let
• 第7章 基礎語法使用
• 7-1 掌握const的使用與注意點
• 7-2 掌握ES6物件字面量增強寫法
• 7-3 掌握v on的參數傳遞問題
• 7-4 掌握v on的修飾符使用
• 7-5 掌握v if和v else if和v else的使用
• 7-6 掌握登入切換的小案例
• 7-7 瞭解登入切換的input復用問題
• 7-8 掌握v show的使用以及和v if的差別
• 7-9 掌握v for遍歷數組和對象
• 7-10 理解v for 綁定和非綁定key的區別
• 7-11 掌握axios的攔截器的使用
• 第8章 購物車案例
• 8-1 掌握數組中哪些方法是響應式的
• 8-2 掌握作業的回顧與實現
• 8-3 掌握購物車案例 介面搭建
• 8-4 掌握購物車案例 過濾器的使用
• 8-5 掌握購物車案例 改變購買數量
• 8-6 掌握購物車案例 移除按鈕 最終價格
• 第9章 掌握v mode使用
• 9-1 掌握JavaScript高階函數的使用
• 9-2 掌握v model的使用與原理
• 9-3 掌握v model結合radio類型使用
• 9-4 掌握v model結合checkbox類型使用
• 9-5 掌握v model結合select類型使用
• 9-6 掌握input中的值綁定
• 9-7 掌握v model修飾符的使用
• 第10章 組件化及父子組件通信
• 10-1 掌握組件化的實作與使用步驟
• 10-2 掌握組件化的基本使用流程
• 10-3 掌握全域元件和局部元件
• 10-4 掌握父組件和子組件的區分
• 10-5 掌握註冊組件的語法糖寫法
• 10-6 掌握組件模板抽離的寫法
• 10-7 理解為什麼組件data必須是函數
• 10-8 掌握父子元件通訊 父傳子props
• 10-9 掌握父子組件通訊 props駝峰標識
• 10-10 掌握父子元件通訊 子傳父自訂事件
• 10-11 了解專案演示
• 10-12 了解知識回顧
• 10-13 掌握父子組件通訊 結合雙向綁定案例
• 10-14 掌握結合雙向綁定案例 畫圖分析
• 10-15 了解結合雙向綁定案例 watch實現
• 10-16 掌握父訪問子 children refs
• 10-17 理解子訪問父 parent root
• 第11章 知識點數匯總
• 11-1 掌握slot 插槽的基本使用
• 11-2 掌握slot 具名插槽的使用
• 11-3 理解編譯作用域的概念
• 11-4 理解前端程式碼複雜帶來的問題
• 11-5 理解前端模組化雛形和CommonJS
• 11-6 掌握ES模組化的導入與匯出
• 第12章 webpack
• 12-1 理解webpack的介紹與安裝
• 12-2 掌握webpack的基本使用流程
• 12-3 掌握webpack config js配置和package json配置
• 12-4 掌握webpack中使用css檔案的配置
• 12-5 掌握webpack less檔案的處理
• 12-6 掌握webpack 圖片檔的處理
• 12-7 掌握webpack ES6轉ES5的babel
• 12-8 掌握webpack 使用Vue的設定流程
• 12-9 掌握創建Vue時template和el關係
• 12-10 掌握webpack 橫幅Plugin的使用
• 12-11 掌握webpack HtmlWebpackPlugin的使用
• 12-12 掌握webpack UglifyjsWebpackPlugin的使用
• 12-13 掌握webpack dev server搭建本機伺服器
• 12-14 掌握webpack 設定檔的分離
• 第13章 vuecli
• 13-1 理解vuecli 鷹架的介紹與安裝
• 13-2 掌握vuecli CLI2初始化項目過程
• 13-3 理解vuecli CLI2的目錄結構解析
• 13-4 了解知識回顧
• 13-5 掌握安裝CLI錯誤和ESLint規範
• 13-6 理解runtime compiler和runtime only的差別
• 13-7 掌握VueCLI3創建專案與目錄結構
• 13-8 掌握箭頭函數的使用和this指向
• 13-9 理解什麼是路由和其中映射關係
• 13-10 理解前端渲染後端渲染與前端路由後端路由
• 13-11 掌握url的hash和HTML5的history
• 第14章 掌握vue router
• 14-1 掌握vue router 安裝與設定方式
• 14-2 掌握路由映射配置與呈現出來
• 14-3 掌握路由的預設值和修改為history模式
• 14-4 掌握router link的其他屬性補充
• 14-5 掌握透過代碼跳轉路由
• 14-6 掌握vue router 動態路由的使用
• 14-7 掌握vue router 打包檔的解析
• 14-8 掌握vue router 路由懶加載的使用
• 14-9 掌握vue router 路由的嵌套使用
• 14-10 掌握vue router 參數傳遞一
• 14-11 掌握vue router 參數傳遞二
• 14-12 理解vue router router和route的由來
• 14-13 掌握vue router 全域導航守衛
• 14-14 理解vue router 導航守衛的補充
• 14-15 掌握vue router keep alive及其他問題
• 14-16 掌握vue router keep alive屬性介紹
• 第15章 掌握tabbar
• 15-1 掌握tabbar 基本結構的搭建
• 15-2 掌握tabbar TabBar和TabBarItem組件封裝
• 15-3 掌握tabbar 給TabBarItem傳入active圖片
• 15-4 掌握tabbar TabBarItem和路由結合效果
• 15-5 掌握tabbar TabBarItem的顏色動態控制
• 15-6 了解知識回顧
• 15-7 掌握tabbar 檔案路徑的引用問題
• 第16章 掌握Promise和vuex
• 16-1 掌握Promise Promise的介紹與基本使用
• 16-2 掌握Promise Promise的三種狀態與另外處理方式
• 16-3 掌握Promise Promise的鍊式調用
• 16-4 掌握Promise Promise的all方法使用
• 16-5 掌握vuex Vuex概念與作用解析
• 16-6 掌握vuex 單一介面到多介面狀態管理切換
• 16-7 掌握vuex devtools和mutations
• 16-8 掌握vuex state單一狀態樹的理解
• 16-9 掌握vuex getters的使用詳解
• 16-10 掌握vuex mutations的攜帶參數
• 16-11 掌握vuex mutations的提交風格
• 16-12 掌握vuex 資料的響應式原理
• 16-13 掌握vuex mutations的類型常數
• 16-14 掌握vuex actions的使用詳解
• 16-15 掌握vuex modules的使用詳解
• 16-16 掌握vuex store資料夾的目錄組織
• 第17章 掌握axios
• 17-1 了解網路請求模組的選擇 axios
• 17-2 掌握axios框架的基本使用
• 17-3 掌握axios發送並發請求
• 17-4 掌握axios的設定資訊相關
• 17-5 掌握axios的實例和模組封裝
• 17-6 掌握axios的攔截器的使用
• 第18章 實戰項目開發-1
• 18-1 掌握專案開發 專案創建和GitHub託管
• 18-2 掌握專案開發 css文件的引入
• 18-3 掌握專案開發 vue config和editorconfig
• 18-4 掌握專案開發 tabbar引入與專案模組劃分
• 18-5 理解專案開發 小圖示的修改以及路徑問題
• 18-6 掌握首頁開發 首頁導覽列的封裝與使用
• 18-7 掌握首頁開發 請求首頁的多個數據
• 18-8 掌握首頁開發 輪播圖的展示
• 18-9 掌握首頁開發 推薦資訊的展示
• 18-10 了解知識回顧
• 18-11 掌握首頁開發 FeatureView的封裝
• 18-12 掌握首頁開發 TabControl的封裝
• 18-13 掌握首頁開發 保存商品的資料結構設計
• 18-14 掌握首頁開發 首頁資料的請求與保存
• 18-15 掌握首頁開發 首頁商品資料的展示
• 18-16 掌握首頁開發 TabControl點選切換商品
• 18-17 掌握Better Scroll的安裝與使用
• 18-18 掌握Better scroll的基本使用解析
• 18-19 掌握Better Scroll在Vue專案中使用流程
• 18-20 掌握首頁開發 BScroll的封裝以及使用
• 第19章 實戰項目開發-2
• 19-1 掌握首頁開發 BackTop元件的封裝與使用
• 19-2 掌握首頁開發 BackTop的顯示與隱藏
• 19-3 掌握首頁開發 完成上拉加載更多
• 19-4 掌握昨天內容的回顧
• 19-5 掌握首頁開發 滾動區域的Bug分析與解決
• 19-6 掌握refresh函數找不到的bug處理
• 19-7 掌握刷新頻繁的防手震函數處理
• 19-8 掌握上拉加載更多的完成
• 19-9 掌握TabControl的吸頂效果完成
• 19-10 掌握Home離開時記錄狀態與位置
• 19-11 掌握跳到詳情頁並且攜帶iid
• 19-12 掌握詳情頁 導覽列的封裝
• 19-13 掌握詳情頁 資料請求以及輪播圖展示
• 19-14 掌握詳情頁 商品基本資訊的展示
• 19-15 掌握詳情頁 店鋪資訊的解析與展示
• 19-16 掌握詳情頁 加入滾動的效果Scroll
• 19-17 掌握詳情頁 商品詳情數據展示
• 19-18 掌握詳情頁 商品參數資訊的展示
• 19-19 了解內容的回顧
• 19-20 掌握詳情頁 從首頁跳轉詳情頁
• 19-21 掌握詳情頁 首頁位置的保持
• 19-22 掌握詳情頁 詳情頁導覽列的實現
• 19-23 理解Better Scroll的scrollto函數的Bug
• 19-24 掌握詳情頁 根據iid詳情頁資料的請求
• 19-25 掌握詳情頁 頂部輪播圖的展示
• 19-26 掌握詳情頁 商品的基本資訊展示
• 19-27 掌握詳情頁 滾動問題處理和TabBar隱藏
• 19-28 掌握詳情頁 詳情頁店資訊展示
• 19-29 掌握詳情頁 詳情頁商品圖片資訊展示