day29-Vue.js
1.Vue基礎(chǔ)
Vue是用js封裝的一個(gè)庫(kù)秒啦,為網(wǎng)頁(yè)內(nèi)容提供數(shù)據(jù)的(不需要節(jié)點(diǎn)操作)
1.Vue對(duì)象
var 變量名 = new Vue({
el:選擇器
data:數(shù)據(jù)對(duì)象
methods:方法對(duì)象
})
2.Vue相關(guān)指令
(1)設(shè)置標(biāo)簽內(nèi)容:{{Vue中data屬性}}
(2)設(shè)置標(biāo)簽的屬性值:v-bind:標(biāo)簽屬性 = Vue中data屬性
(3)if語(yǔ)句:v-if = 'Vue中data屬性'
-> 判斷Vue中data屬性的值是否為true捡多,如果是當(dāng)前標(biāo)簽就顯示,否則標(biāo)簽隱藏
(4)for循環(huán)結(jié)構(gòu):v-for = 變量 in Vue中data屬性
(5)綁定事件:v-on:事件名 = '事件驅(qū)動(dòng)程序'
事件驅(qū)動(dòng)程序:可以是操作語(yǔ)句筐眷; Vue中methods中的屬性; Vue中函數(shù)的調(diào)用表達(dá)式