從vue.js的框架安裝開始講起,講解vue中用到的常用的語法、數(shù)據(jù)綁定、指令、條件語句、循環(huán)語句、樣式綁定、事件處理、監(jiān)聽、表單相關(guān)以及和后臺數(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表達式支持
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屬性綁定單個樣式(補充)
34-Vue.js樣式-class屬性綁定單個樣式(補充2)
35-Vue.js樣式-class屬性綁定多個樣式
36-Vue.js樣式-class屬性綁定數(shù)據(jù)里的一個對象
37-Vue.js樣式-class屬性綁定一個數(shù)組
37-Vue.js樣式-class屬性綁定一個數(shù)組(補充)
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ù)