v-for="" 循環(huán)
v-model:“ 雙向數(shù)據(jù)綁定 用于表單元素
v-on:事件名="函數(shù)名" 綁定一個(gè)事件的 簡(jiǎn)寫(xiě)@click=""
v-bind:屬性名=" " 綁定一個(gè)屬性 間寫(xiě) :
v-show="" 控制元素的顯示或隱藏的
v-if="" 控制元素的顯示或者隱藏
v-for = "val,ind in **" 一個(gè)數(shù)對(duì)應(yīng)一個(gè)下標(biāo)中間的連接符號(hào)可以隨意變化
Cutter_2018-09-14 07_58_11.691.png
Cutter_2018-09-14 08_00_37.656.png
push() 給數(shù)組末尾添加新元素
pop() 給末尾刪除
shift()開(kāi)頭刪除
unshift()開(kāi)頭添加
splice 刪除 splice(index拳昌,n) 從哪開(kāi)始刪除 n:刪除幾個(gè)
<!--v-on 綁定事件 -->
//存放函數(shù)方達(dá)
methods:{
arr:function(){
this.add="李四張三"
}
}
})
自學(xué)部分:
//所有復(fù)雜程序全部放入methods 但是有個(gè)弊端 修改與之無(wú)關(guān)的數(shù)據(jù) 也會(huì)變化 用methods 得用調(diào)用括號(hào)
/* methods:{
add(){
return this.one1+ this.tow1
},
jian(){
return this.one1-this.tow1
}
}*/
computed 計(jì)算的意思 不會(huì)讓無(wú)關(guān)的數(shù)據(jù)影響程序的運(yùn)行
如果說(shuō)我們的方法或者屬性 依賴于某些值發(fā)生變化的時(shí)候 我們最好用 computed 這樣不會(huì)讓無(wú)關(guān)的數(shù)據(jù)影響整個(gè)程序的執(zhí)行