-
v-if 屬性 會刪除標(biāo)簽
v-show屬性 會隱藏標(biāo)簽
v-for = "(item,index) of list" :key="index"進(jìn)行循環(huán) key值不可以重復(fù),可以提升效率
查看全部 -
computed屬性進(jìn)行屬性計算
watch屬性進(jìn)行監(jiān)聽
查看全部 -
v-bind:屬性=“js代碼”或者:屬性 = “js代碼”進(jìn)行屬性綁定
v-model=“data名”進(jìn)行數(shù)據(jù)雙向綁定
查看全部 -
插值表達(dá)式{{}}
v-text v-html屬性 v-html中可以插入html代碼
v-on:事件函數(shù)可以進(jìn)行事件綁定或者使用@事件函數(shù)進(jìn)行事件綁定
查看全部 -
掛載點 模板 實例
查看全部 -
屬性綁定v-bind或是直接使用:
雙向數(shù)據(jù)綁定v-model
查看全部 -
Vue中的每個組件都是Vue的實例
查看全部 -
1、先用script定義vue.js
例如:<script src="vue.js"></script>
2、創(chuàng)建掛載點
例如:<div id="root">HelloWorld{{msg}}</div>
3、然后創(chuàng)建vue實例
例如:<script>
new Vue({
el:"#root",//調(diào)用掛載點的ID
template:'<h1>hello {{msg}}</h1>'
data:{
msg:"helloWorld"
}//Vue實例里面的內(nèi)容
})
</script>
掛載點、模板、實例之間的關(guān)系
:id為root的div是Vue實例的掛載點,掛載點里面的內(nèi)容為模板,模板可放在div里面也可放在Vue實例里面的template里面?
查看全部 -
v-bind:可以簡寫成 :
查看全部 -
加了類似于v-bind:這樣的模板指令,那么等號后面就是表達(dá)式,可以加上js的語句。
查看全部 -
v-html不會進(jìn)行轉(zhuǎn)義
v-text會進(jìn)行轉(zhuǎn)義
查看全部 -
Vue中自定義組件并父子組件傳值,在vue中每一個組件都是一個vue實例
查看全部 -
另一種拆分注冊組件的方法
查看全部 -
Vue中注冊組件
查看全部 -
添加點擊事件
v-on:click == @click
查看全部
舉報