距離結束還剩︰02天0小時
Vue.js 2.0之全家桶系列視頻課程(vue、vue-router、axios、vuex)

獨家

下載課程

下載學院APP

緩存視頻離線看

收藏(1225)

疯狂的捕鱼旧版

課程目標︰ 全面掌握Vue.js技術棧,包括︰1. 數據綁定、模板、指令、過濾器、vue生命周期及實...

4.9分
共39課時 共18小時40分鐘 更新時間︰ 30天前

課程銷量榜1

會員購課最多贈送64學分, 學分說明>>>

價  格

?31.20

?39.00

優惠活動

‘開學’季

購買該課程所屬專題立省77.24元>>>

2424小時內答疑

課時永久觀看

退15分鐘內無條件退款

  1. 僅限付費視頻課程適用
  2. 購買後15分鐘內可以找到客服進行溝通退款
  3. 下載資料後不再享有退款特權
  4. 客服(Tel︰400-101-1651)
  5. 最終解釋權歸51CTO學院所有

專屬資料下載

課程介紹

課程大綱

學習資料

學員評價

課程目標
全面掌握Vue.js技術棧,包括︰1. 數據綁定、模板、指令、過濾器、vue生命周期及實例的屬性和方法2. 組件及組件間的通信、發送HTTP請求3. vue-router及vue-cli和單文件組件4. Element UI及Vuex的使用5. 項目結構的搭建與開發
適用人群
有html、css、js基礎,了解es6、node、模塊化等
課程簡介
  • 第一個Vue程序

    Vue.js簡介︰1. Vue.js是什麼2. vue和angular的區別3. 第一個Vue程序

  • 常用指令01

    常用指令︰1. 什麼是指令?2. vue中常用的指令v-modelv-forv-onv-show/v-if

  • 常用指令02

    常用指令02

  • 練習︰用戶管理

    練習︰用戶管理

  • 事件

    事件:1. 事件簡寫2. 事件對象$event3. 事件冒泡4. 事件默認行為 5. 鍵盤事件6. 事件修飾符

  • 屬性

    屬性︰1. 屬性綁定和屬性的簡寫 2. class和style屬性

  • 模板

    模板︰Vue.js使用基于HTML的模板語法,可以將DOM綁定到Vue實例中的數據數據綁定的方式 a.雙向綁定 v-model b.單向綁定 方式1︰使用兩對大括號{{}},可能會出現閃爍的問題,可以使用v-cloak解決 方式2︰使用v-text、v-html

  • 過濾器

    過濾器︰1. 簡介2. 關于內置過濾器3. 自定義過濾器

  • 發送AJAX請求01

    發送AJAX請求01︰1. 簡介2. 使用axios發送AJAX請求

  • 發送AJAX請求02

    發送AJAX請求02

  • 發送JSONP請求

    發送JSONP請求︰使用vue-resource發送跨域請求

  • 練習︰百度搜索列表

    練習︰百度搜索列表

  • Vue生命周期

    Vue生命周期︰vue實例從創建到銷毀的過程,稱為生命周期,共有八個階段

  • 計算屬性

    計算屬性︰1. 基本用法2. 計算屬性 vs 方法3. get和set

  • vue實例的屬性和方法

    vue實例的屬性和方法︰1. 屬性 vm.$el vm.$data vm.$options vm.$refs2. 方法 vm.$mount() vm.$destroy() vm.$nextTick(callback)

  • $set、$delete、$watch

    實例的方法︰$set、$delete、$watch

  • 自定義指令

    自定義指令︰分類︰全局指令、局部指令

  • 練習︰自定義指令

    練習︰自定義指令,實現拖動頁面中的元素

  • 過渡(動畫)

    過渡(動畫)︰1. 簡介2. 基本用法3. 鉤子函數4. 結合第三方動畫庫animate..css一起使用

  • 多元素動畫

    多元素動畫︰

  • 定義組件的方式

    定義組件的方式︰1. 什麼是組件2. 定義組件的方式

  • 組件的分類

    組件的分類︰ 全局組件、局部組件

  • 引用模板和動態組件

    引用模板︰將組件內容放到模板中並引用動態組件︰ 組件 多個組件使用同一個掛載點,然後動態的在它們之間切換 組件

  • 組件間數據傳遞

    組件間數據傳遞︰1. 父子組件2. 組件間數據傳遞 (通信) 2.1 子組件訪問父組件的數據 2.2 父組件訪問子組件的數據

  • 單向數據流

    單向數據流

  • 非父子組件間的通信

    非父子組件間的通信︰ 非父子組件間的通信,可以通過一個空的Vue實例作為中央事件總線(事件中心),用它來觸發事件和監听事件

  • slot內容分發

    slot內容分發︰用來獲取組件中的原內容,類似angular中的transclude指令

  • vue-router路由的使用

    路由的使用︰1. 簡介2. 基本用法

  • 路由嵌套、參數傳遞、路由結合動畫

    路由嵌套、參數傳遞、路由結合動畫

  • 單文件組件

    單文件組件︰1. .vue文件2. vue-loader 3. webpack

  • vue-cli腳手架

    vue-cli腳手架︰ vue-cli是一個vue腳手架,可以快速構造項目結構 vue-cli本身集成了多種項目模板︰ simple 很少簡單 webpack 包含ESLint代碼規範檢查和unit單元測試等 webpack-simple 沒有代碼規範檢查和單元測試 browserify 使用的也比較多 browserify-simple

  • 模塊化開發

    模塊化開發︰1. vue-router模塊化2. axios模塊化3. 為自定義組件添加事件

  • Element UI

    Element UI︰ Element UI是餓了麼團隊提供的一套基于Vue2.0的組件庫,可以快速搭建網站,提高開發效率

  • 自定義全局組件(插件)

    自定義全局組件(插件)︰可以在main.js中使用Vue.use()進行全局引入

  • Vuex基本用法01

    Vuex基本用法01︰Vuex 是一個專為 Vue.js 應用程序開發的狀態管理模式。它采用集中式存儲管理應用的所有組件的狀態,並以相應的規則保證狀態以一種可預測的方式發生變化。

  • Vuex基本用法02

    Vuex基本用法02︰Vuex的核心是Store(倉庫),相當于是一個容器,一個store實例中包含以下屬性和方法︰ state 定義屬性(狀態、數據) getters 用來獲取屬性 actions 定義方法(動作) commit 提交變化,修改數據的**方式就是顯式的提交mutations mutations 定義變化

  • 分模塊組織Vuex

    分模塊組織Vuex

  • 項目結構01

    本章節將帶領大家搭建一個項目的基本結構,講解項目的構建流程,但並不會帶大家完整做一個項目,只會講解項目結構的搭建,項目剩余部分由學員自己接著完成,希望各位學員能夠能學以致用,獨自完成!

  • 項目結構02

    項目結構02

加載中
所屬章節 資料名稱 文件大小 下載
相關資料推薦

暫時還沒有學習資料~

5

    1
    非常糟

    2
    很差

    3
    一般

    4
    很好

    5
    非常好

    • 0%
    • 0%
    • 0%
    • 0%
    • 0%
    加載中
    沒有了哦~

    講師介紹

    湯小洋

    湯小洋

    講師評分︰4.9

    全棧工程師,多年教育培訓經驗,多年一線實戰經驗

    講師推薦專題

    專題一 快速學習Web前端開發技術(套餐系列)專題

    6門課 立省:¥77.24 合計:¥80.85 購買

    專題二 Web前端︰框架技術(套餐系列)

    3門課 立省:¥32.25 合計:¥48.62 購買

    官方交流群

    51CTO學院前端開發交流群(433260976)

    1430672人學習過

    訂閱專欄更多

    推薦圖書

    7日學霸榜 有1430672人與你一起學習

    課程介紹

    課程大綱

    學習資料

    學員評價

    ?39.00

    ? 31.20

    課程評價

    發表客觀評價,最多可得35學分(會員可得70學分)

    Vue.js 2.0之全家桶系列視頻課程(vue、vue-router、axios、vuex)

    該課程已有 人評價

    課程與描述相符

    老師的講解表達

    老師的答疑服務

    匿名

    在線
    客服
    在線
    客服

    下載Android客戶端

    下載iphone 客戶端

    返回
    頂部