課程大綱：

Vue.js 基礎入門培訓

課程是一門 Vue.js 的入門課程，介紹了 Vue 的安裝和使用，

帶領大家學習 Vue 模板語法，核心指令，計算和偵聽屬性，條件和循環渲染元素，

以及怎樣去綁定元素 class 和 style,處理基礎事件，Vue 組件開發等。

Vue.js 基礎入門 會員
5403 人學過 429 次評價 作者: linki 難度: 初級 綜合評分: 9.0

1 vue 簡介與安裝使用

2 計算屬性和偵聽屬性與過濾器

3 條件與循環渲染

4 表單處理

5 過渡與動畫

6 模版語法

7 class 與 style 綁定

8 事件處理

9 組件

10 vue 進階引導

1
Vue 簡介與安裝使用

1.Vue與其他框架的對比及特點

2.安裝Vue的方法

3.node的安裝

4.vuecli的安裝

5.Vue開發者工具的安裝

6.Vue創建實例

7.Vue數據的雙向綁定及響應式

2
模版語法

1.雙大括號表達式

2.插值

3.vbind指令

4.von指令

5.指令縮寫

3
計算屬性和偵聽屬性與過濾器

1.計算屬性

2.計算屬性中getter和setter

3.偵聽屬性

4.計算屬性與偵聽屬性對比

5.過濾器的使用

4
class 與 style 綁定

1.元素的class對象語法綁定

2.元素的class數組語法綁定

3.元素的style對象語法綁定

4.元素的style數組語法綁定

5.屬性的自動前綴

5
條件與循環渲染

1.vif和velse

2.vshow

3.vif和vshow比較

4.vfor將數組數據渲染成元素

5.vfor將對象數據渲染成元素

6.key屬性

7.數組更新檢測

8.對象更新的注意事項

6
事件處理

1.事件綁定指令von

2.事件處理方法

3.內聯方法

4.修飾符

7
表單處理

1.vmodel指令

2.基礎用法

3.值綁定

4.修飾符

8
組件

1.組件注冊

2.組件復用

3.組件通信

4.動態組件

5.實例生命周期

6.生命周期示意圖

9
過渡與動畫

1.過渡的class

2.css過渡

3.css動畫

4.自定義過渡class

5.同時使用過渡與動畫

6.顯性過渡時間

7.javascript動畫鉤子

8.初始化過渡

9.多個元素過渡

10
Vue 進階引導

1.工程化與組件化開發引導

2.前端路由管理(vuerouter)

3.前端數據狀態管理(vuex)

4.服務端渲染(nuxtjs)

安裝 Vue、Node、vue-cli 并運行應用

動手學習 雙大括號表達式、插值、vbind 指令、von 指令和指令縮寫

動手學習 計算屬性、計算屬性中 getter 和 setter、偵聽屬性、計算屬性與偵聽屬性對比、過濾器的使用

動手學習 class 對象語法綁定、class 數組語法綁定、style 對象語法綁定、style 數組語法綁定和屬性的自動前綴

動手學習 vif 和 velse、vshow、vif 和 vshow 比較、vfor 將數組數據渲染成元素、vfor 將對象數據渲染成元素、key 屬性、數組更新檢測、對象更新的注意事項

動手學習 事件綁定指令 von、事件處理方法、內聯方法、修飾符

動手學習 vmodel 指令、基礎用法、值綁定、修飾符

動手學習 組件注冊、組件復用、組件通信、動態組件

動手學習 過渡的 class、css 過渡、css 動畫、自定義過渡 class、同時使用過渡與動畫、顯性過渡時間、javascript 動畫鉤子、初始化過渡、多個元素過渡

動手學習 工程化與組件化開發引導、前端路由管理、前端數據狀態管理、服務端渲染