App下載
編程課程列表 > Vue.js三天學(xué)習(xí)實戰(zhàn)教程
Vue.js三天學(xué)習(xí)實戰(zhàn)教程
  • 信用卡 • 花唄
  • 放心購,7天內(nèi)不滿意可退款
收藏

Vue.js三天學(xué)習(xí)實戰(zhàn)教程

視頻課程 54 節(jié) 54 個小點 1.1k人參與 綜合評分 4.8
¥159.8

適合人群:

  • 網(wǎng)頁開發(fā)者,web前端開發(fā)者,移動人員開發(fā)者

課程目標(biāo):

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

課程簡介:

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

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

課程大綱

00-課程說明

【Vue起步】2

01-第一個Vue頁面

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ù)綁定之實現(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中過濾器的使用

【Vue.js條件語句】4

22-Vue.js中的條件判斷語句 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)語句】5

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

28-建立新的空白框架

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

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

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

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

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

【Vue.js 樣式綁定】6

34-Vue.js樣式-class屬性綁定單個樣式

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

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

35-Vue.js樣式-class屬性綁定多個樣式

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

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

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

38-Vue.js樣式-class屬性通過三目運算符綁定

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

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

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中指令對應(yīng)函數(shù)參數(shù)的幾種使用方式

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

46-Vue.js 監(jiān)聽屬性-普通的watch實現(xiàn)計數(shù)器(原42)

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

48-Vue.JS-監(jiān)聽屬性-簡單的購物車

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

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

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

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

51-Axios介紹

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

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


點擊下載編程獅App,手機(jī)隨時隨地繼續(xù)學(xué)>>

IT技術(shù)編程開發(fā)學(xué)習(xí)交流群

綜合
評分
4.8
    • A不倒翁
      A不倒翁
        5分
        內(nèi)容不全.
        2021-10-08 16:12:17
      • py丶小白
        py丶小白
          5分
          一口氣敲完,學(xué)到了,謝謝
          2021-01-23 19:33:46