第一講 vue2.x無人點餐 無人收銀系統 多用戶點餐 智能打單 在線支付系統介紹(8分鐘)
01 項目介紹
02 功能介紹
03 應用場景
04 頁面展示
05 必備基礎
第二講 vue2.x的介紹 Vue環境搭建 運行項目(18分鐘)
01 Vue介紹
02 Vue環境搭建
03 Vue運行項目
第三講 Vue2.x目錄結構分析 綁定數據 綁定對象 循環數組渲染數據(17分鐘)
01 Vue目錄結構分析
02 Vue綁定數據
03 Vue綁定對象
04 循環數組
05 循環嵌套數組
第四講 Vue2.x綁定屬性 綁定HTML 綁定class 綁定style (18分鐘)
01 綁定屬性 v-bind
02 綁定HTML v-html
03 綁定class :class
04 綁定style :style
第五講 Vue2.x及雙向數據綁定 Vue事件介紹 以及Vue中的ref獲取dom節點(12分鐘)
01 Vue雙向數據綁定
02 Vue事件介紹
03 Vue ref獲取dom節點
第六講 Vue2.x事件 定義方法 執行方法 獲取數據 改變數據 執行方法傳值 以及事件對象(14分鐘)
01 Vue事件的幾種執行方式
02 Vue事件傳值
03 Vue 改變獲取Data裏面的數據
04 Vue事件對象
第七講 Vue2.x Todolist練習(14分鐘)
01 雙向數據綁定
02 修改數據
03 上傳數據
第八講 Vue2.x事件結合雙向數據綁定實現todolist 待辦事項 已經完成 和進行中(15分鐘)
01 修改todolist 待辦事項
02 修改todolist 進行中事項
03 Checkbox雙向數據綁定
第九講 Vue2.x中的模塊化以及封裝Storage實現todolist 待辦事項 已經完成 和進行中持久化(18分鐘)
01 todolist 數據持久化
02 封裝Storage模塊持久化數據
第十講 Vue2.x中創建單文件組件 註冊組件 以及組件的使用 (26分鐘)
01 創建組件
02 註冊組件
03 使用組件
第十一講 Vue2.x中組件的生命週期函數(13分鐘)
01 生命週期
02 多組件銷燬生生命週期函數講解
第十二講 Vue2.x vue-resource 請求數據 (13分鐘)
第十三講 Vue2.x Axios fetchJsonp請求數據(6分鐘)
第十四講 Vue2.x父組件給子組件傳值 Vue父組件給子組件傳方法 Vue父組件把整個實例傳給子組件(20分鐘)
01 父組件給子組件傳值
02 父組件把方法傳給子組件
03 父組件把整個實例傳給子組件
04 子組件執行父組件的方法傳值
第十五講 Vue2.x父組件主動獲取子組件的數據和方法 子組件主動獲取父組件的數據和方法(8分鐘)
01 this.$refs.子組件.數據方法
02 this.$parent.父組件的數據方法
第十六講 Vue2.x非父子組件傳值 (15分鐘)
01 創建模塊化空實例 $emit $on
第十七講 Vue2.x中的路由 以及默認路由跳轉(13分鐘)
01 路由介紹
02 路由配置
03 默認路由
第十八講 Vue2.x動態路由 Get傳值 (14分鐘)
01 動態路由跳轉以及獲取數據
02 Get傳值獲取數據
第十九講 Vue2.x路由結合請求數據 實現新聞列表 新聞詳情數據渲染【基礎項目】(20分鐘)
01 Vue請求數據
02 Vue頁面跳轉傳值
03 v-html綁定服務器返回數據
第二十講 Vue2.x路由編程式的導航 以及vue路由History 模式 hash 模式 (9分鐘)
01 Vue編程式導航
02 Vue History 模式 hash 模式
第二十一講 Vue2.x中路由的嵌套 (12分鐘)
01 父子路由介紹
02 Vue實現嵌套路由
第二十二講 Vue2.x UI框架Mint UI的使用 button 索引列表 ActionSheet等
01 MintUi介紹
02 MintUi安裝使用
03 裏面的組件使用
第二十三講 Vue2.x UI框架Mint Ui infinite-scroll結合api接口實現真實上拉分頁加載更多
01 MintUi上拉分頁模擬
02 MintUi 請求api接口實現上拉分頁加載更多
第二十四講 Vue2.x UI框架 ElementUi的使用 以及Webpack.config.js配置
01 ElementUi介紹使用
02 webpack.config.js配置
第二十五講 Vue2.x UI框架 ElementUi 按需引入
第二十六講 Vue2.x 路由模塊化
第二十七講 Vuex 的使用 State Mutation 實現多個頁面共享計數
01 Vuex介紹
02 Vuex使用
第二十八講 Vuex 的使用 State Mutation Getter Action 以及實現不同組件新聞數據共享 以及新聞數據的持久化
01 Vuex使用
02 Vuex實現數據的持久化