適合人群：

• 網(wǎng)頁(yè)開(kāi)發(fā)者,web前端開(kāi)發(fā)者,移動(dòng)人員開(kāi)發(fā)者

課程目標(biāo)：

• 從vue.js的框架安裝開(kāi)始講起，講解vue中用到的常用的語(yǔ)法、數(shù)據(jù)綁定、指令、條件語(yǔ)句、循環(huán)...

課程簡(jiǎn)介：

從vue.js的框架安裝開(kāi)始講起，講解vue中用到的常用的語(yǔ)法、數(shù)據(jù)綁定、指令、條件語(yǔ)句、循環(huán)語(yǔ)句、樣式綁定、事件處理、監(jiān)聽(tīng)、表單相關(guān)以及和后臺(tái)數(shù)據(jù)庫(kù)的交互。

• 學(xué)完本課程可以做一些基本的實(shí)戰(zhàn)項(xiàng)目
• 學(xué)習(xí)Axios的使用
• 學(xué)習(xí)vue的基礎(chǔ)語(yǔ)法
• 學(xué)習(xí)vue和后臺(tái)數(shù)據(jù)庫(kù)的交互

課程大綱

00-課程說(shuō)明

【Vue起步】2

01-第一個(gè)Vue頁(yè)面

02-VUE.JS框架的引入和安裝

03-Vue.js起步-屬性的定義和使用

04-Vue.js起步-函數(shù)的定義和使用

05-Vue中data數(shù)據(jù)的第2種定義方式

06-Vue中data數(shù)據(jù)的改變和設(shè)置方式1

07-Vue中data數(shù)據(jù)的改變和設(shè)置方式2

08-原生JS如何輸出Vue中的data數(shù)據(jù)

09-Vue中的系統(tǒng)屬性的使用

【Vue.js模板數(shù)據(jù)綁定和form元素】3

10-數(shù)據(jù)綁定-文本插值

11-數(shù)據(jù)綁定之v-html指令

12-Vue.js中提供了完全的JavaScript表達(dá)式支持

13-數(shù)據(jù)綁定之實(shí)現(xiàn)雙向數(shù)據(jù)綁定v-model指令（input應(yīng)用）

14-數(shù)據(jù)綁定之v-model指令-textarea中應(yīng)用

15-數(shù)據(jù)綁定之v-model指令-select下拉列表應(yīng)用

16-數(shù)據(jù)綁定之v-model指令-checkbox單選應(yīng)用

17-數(shù)據(jù)綁定之v-model指令-checkbox多選應(yīng)用

18-數(shù)據(jù)綁定之v-model指令-radio單選應(yīng)用

19-Vue.js中的指令

20-數(shù)據(jù)綁定-使用v-bind指令綁定HTML屬性值和參數(shù)的使用（鏈接a應(yīng)用）

21-Vue.js中過(guò)濾器的使用

【Vue.js條件語(yǔ)句】4

22-Vue.js中的條件判斷語(yǔ)句 v-if 指令

23-Vue.js中v-show指令

24-Vue.js中v-show指令和v-if 指令的區(qū)別

25-Vue.js中v-else指令

26-Vue.js中v-else-if指令

【Vue.js 循環(huán)語(yǔ)句】5

27-Vue.js中 v-for 循環(huán)指令-簡(jiǎn)易數(shù)組的使用

28-建立新的空白框架

29-Vue.js中 v-for 循環(huán)指令-對(duì)象的迭代顯示

30-Vue.js中 v-for 循環(huán)指令-對(duì)象迭代顯示中參數(shù)的使用

31-Vue.js中 v-for 循環(huán)指令-循環(huán)顯示整數(shù)和九九乘法表

32-Vue.js中 v-for 循環(huán)指令-對(duì)象數(shù)組的內(nèi)容顯示

33-如何使用for循環(huán)和if語(yǔ)句處理對(duì)象中嵌套對(duì)象

【Vue.js 樣式綁定】6

34-Vue.js樣式-class屬性綁定單個(gè)樣式

34-Vue.js樣式-class屬性綁定單個(gè)樣式（補(bǔ)充）

34-Vue.js樣式-class屬性綁定單個(gè)樣式（補(bǔ)充2）

35-Vue.js樣式-class屬性綁定多個(gè)樣式

36-Vue.js樣式-class屬性綁定數(shù)據(jù)里的一個(gè)對(duì)象

37-Vue.js樣式-class屬性綁定一個(gè)數(shù)組

37-Vue.js樣式-class屬性綁定一個(gè)數(shù)組（補(bǔ)充）

38-Vue.js樣式-class屬性通過(guò)三目運(yùn)算符綁定

39-Vue.js樣式-style(內(nèi)聯(lián)樣式)

40-Vue.js樣式-style(內(nèi)聯(lián)樣式)-綁定樣式對(duì)象

41-Vue.js樣式-style(內(nèi)聯(lián)樣式)-綁定樣式數(shù)組

【Vue.js 事件處理器】7

42-Vue.js-事件處理器v-on指令

43-v-on指令函數(shù)的兩種定義方式

44-Vue.js-事件中如何讀取data里面的數(shù)值

45-Vue.js中指令對(duì)應(yīng)函數(shù)參數(shù)的幾種使用方式

【Vue.js 監(jiān)聽(tīng)屬性】8

46-Vue.js 監(jiān)聽(tīng)屬性-普通的watch實(shí)現(xiàn)計(jì)數(shù)器（原42）

47-Vue.JS-監(jiān)聽(tīng)屬性-千米與米之間的換算

48-Vue.JS-監(jiān)聽(tīng)屬性-簡(jiǎn)單的購(gòu)物車(chē)

【Vue.js 中Form表單數(shù)據(jù)提交】9

49-Vue.JS-表單-實(shí)戰(zhàn)-全選與取消全選

50-Vue.JS-表單-實(shí)戰(zhàn)-獲取要提交的數(shù)據(jù)

【Vue.js 中如何與數(shù)據(jù)庫(kù)后臺(tái)交互】10

51-Axios介紹

52-Vue.JS-表單-實(shí)戰(zhàn)-如何提交數(shù)據(jù)到遠(yuǎn)程服務(wù)器

53-Vue.JS-表單-實(shí)戰(zhàn)-如何獲取服務(wù)器的數(shù)據(jù)