從vue.js的框架安裝開(kāi)始講起,講解vue中用到的常用的語(yǔ)法、數(shù)據(jù)綁定、指令、條件語(yǔ)句、循環(huán)語(yǔ)句、樣式綁定、事件處理、監(jiān)聽(tīng)、表單相關(guān)以及和后臺(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)物車
【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ù)