課程大綱：

Vue.js 基礎(chǔ)入門(mén)培訓(xùn)

課程是一門(mén) Vue.js 的入門(mén)課程，介紹了 Vue 的安裝和使用，

帶領(lǐng)大家學(xué)習(xí) Vue 模板語(yǔ)法，核心指令，計(jì)算和偵聽(tīng)屬性，條件和循環(huán)渲染元素，

以及怎樣去綁定元素 class 和 style,處理基礎(chǔ)事件，Vue 組件開(kāi)發(fā)等。

Vue.js 基礎(chǔ)入門(mén) 會(huì)員
5403 人學(xué)過(guò) 429 次評(píng)價(jià) 作者: linki 難度: 初級(jí) 綜合評(píng)分: 9.0

1 vue 簡(jiǎn)介與安裝使用

2 計(jì)算屬性和偵聽(tīng)屬性與過(guò)濾器

3 條件與循環(huán)渲染

4 表單處理

5 過(guò)渡與動(dòng)畫(huà)

6 模版語(yǔ)法

7 class 與 style 綁定

8 事件處理

9 組件

10 vue 進(jìn)階引導(dǎo)

1
Vue 簡(jiǎn)介與安裝使用

1.Vue與其他框架的對(duì)比及特點(diǎn)

2.安裝Vue的方法

3.node的安裝

4.vuecli的安裝

5.Vue開(kāi)發(fā)者工具的安裝

6.Vue創(chuàng)建實(shí)例

7.Vue數(shù)據(jù)的雙向綁定及響應(yīng)式

2
模版語(yǔ)法

1.雙大括號(hào)表達(dá)式

2.插值

3.vbind指令

4.von指令

5.指令縮寫(xiě)

3
計(jì)算屬性和偵聽(tīng)屬性與過(guò)濾器

1.計(jì)算屬性

2.計(jì)算屬性中g(shù)etter和setter

3.偵聽(tīng)屬性

4.計(jì)算屬性與偵聽(tīng)屬性對(duì)比

5.過(guò)濾器的使用

4
class 與 style 綁定

1.元素的class對(duì)象語(yǔ)法綁定

2.元素的class數(shù)組語(yǔ)法綁定

3.元素的style對(duì)象語(yǔ)法綁定

4.元素的style數(shù)組語(yǔ)法綁定

5.屬性的自動(dòng)前綴

5
條件與循環(huán)渲染

1.vif和velse

2.vshow

3.vif和vshow比較

4.vfor將數(shù)組數(shù)據(jù)渲染成元素

5.vfor將對(duì)象數(shù)據(jù)渲染成元素

6.key屬性

7.數(shù)組更新檢測(cè)

8.對(duì)象更新的注意事項(xiàng)

6
事件處理

1.事件綁定指令von

2.事件處理方法

3.內(nèi)聯(lián)方法

4.修飾符

7
表單處理

1.vmodel指令

2.基礎(chǔ)用法

3.值綁定

4.修飾符

8
組件

1.組件注冊(cè)

2.組件復(fù)用

3.組件通信

4.動(dòng)態(tài)組件

5.實(shí)例生命周期

6.生命周期示意圖

9
過(guò)渡與動(dòng)畫(huà)

1.過(guò)渡的class

2.css過(guò)渡

3.css動(dòng)畫(huà)

4.自定義過(guò)渡class

5.同時(shí)使用過(guò)渡與動(dòng)畫(huà)

6.顯性過(guò)渡時(shí)間

7.javascript動(dòng)畫(huà)鉤子

8.初始化過(guò)渡

9.多個(gè)元素過(guò)渡

10
Vue 進(jìn)階引導(dǎo)

1.工程化與組件化開(kāi)發(fā)引導(dǎo)

2.前端路由管理(vuerouter)

3.前端數(shù)據(jù)狀態(tài)管理(vuex)

4.服務(wù)端渲染(nuxtjs)

安裝 Vue、Node、vue-cli 并運(yùn)行應(yīng)用

動(dòng)手學(xué)習(xí) 雙大括號(hào)表達(dá)式、插值、vbind 指令、von 指令和指令縮寫(xiě)

動(dòng)手學(xué)習(xí) 計(jì)算屬性、計(jì)算屬性中 getter 和 setter、偵聽(tīng)屬性、計(jì)算屬性與偵聽(tīng)屬性對(duì)比、過(guò)濾器的使用

動(dòng)手學(xué)習(xí) class 對(duì)象語(yǔ)法綁定、class 數(shù)組語(yǔ)法綁定、style 對(duì)象語(yǔ)法綁定、style 數(shù)組語(yǔ)法綁定和屬性的自動(dòng)前綴

動(dòng)手學(xué)習(xí) vif 和 velse、vshow、vif 和 vshow 比較、vfor 將數(shù)組數(shù)據(jù)渲染成元素、vfor 將對(duì)象數(shù)據(jù)渲染成元素、key 屬性、數(shù)組更新檢測(cè)、對(duì)象更新的注意事項(xiàng)

動(dòng)手學(xué)習(xí) 事件綁定指令 von、事件處理方法、內(nèi)聯(lián)方法、修飾符

動(dòng)手學(xué)習(xí) vmodel 指令、基礎(chǔ)用法、值綁定、修飾符

動(dòng)手學(xué)習(xí) 組件注冊(cè)、組件復(fù)用、組件通信、動(dòng)態(tài)組件

動(dòng)手學(xué)習(xí) 過(guò)渡的 class、css 過(guò)渡、css 動(dòng)畫(huà)、自定義過(guò)渡 class、同時(shí)使用過(guò)渡與動(dòng)畫(huà)、顯性過(guò)渡時(shí)間、javascript 動(dòng)畫(huà)鉤子、初始化過(guò)渡、多個(gè)元素過(guò)渡

動(dòng)手學(xué)習(xí) 工程化與組件化開(kāi)發(fā)引導(dǎo)、前端路由管理、前端數(shù)據(jù)狀態(tài)管理、服務(wù)端渲染