mvvm
vm是什么泛烙?
vm監(jiān)視案淋、同步view層和model層, m層數(shù)據(jù)有變化的時(shí)候铅歼,v層數(shù)據(jù)會(huì)變化
插值表達(dá)式是什么?
直接使用{{}}可以把model層的數(shù)據(jù)放到innerHTML扇单,動(dòng)態(tài)渲染data到頁(yè)面上商模。
v-text
使用的場(chǎng)景?
可以渲染頁(yè)面蜘澜,寫(xiě)在標(biāo)簽的屬性上施流,只能解析字符竄,不能解析html標(biāo)簽鄙信。
v-html使用場(chǎng)景瞪醋?
v-html使用在標(biāo)簽的屬性上面,可以解析標(biāo)簽和文本內(nèi)容装诡,但是容易遭到xss攻擊银受,
永不用在信息提交的地方践盼,如果用的話(huà),請(qǐng)謹(jǐn)慎宾巍。
v-bind綁定給誰(shuí)的咕幻?
v-bind可以動(dòng)態(tài)綁定屬性,v-bind:屬性名=“data”,也可以簡(jiǎn)寫(xiě)成 :屬性名=“data” 顶霞,
v-for
渲染數(shù)組有幾個(gè)對(duì)象肄程?
有兩個(gè)對(duì)象 值、索引 item 确丢、 index
渲染對(duì)象有幾個(gè)對(duì)象绷耍?
有三個(gè)對(duì)象 值吐限、鍵鲜侥、索引; value 诸典、 key 描函、index
key的使用方法
在循環(huán)后面加 :key="唯一的標(biāo)示",好處就是提高性能狐粱,注意key的值是唯一的,不能重復(fù)舀寓。
以下兩種情況不會(huì)觸發(fā)視圖更新
- 當(dāng)使用數(shù)組的length屬性去改變數(shù)組的時(shí)候,不會(huì)觸發(fā)視圖的更新肌蜻。
- 使用數(shù)組下標(biāo)的方法去改變數(shù)組的時(shí)候互墓,也不會(huì)觸發(fā)視圖的更新。
解決上述問(wèn)題:
- 使用Vue.set(arr,index,newVal) arr是需要改變的數(shù)組蒋搜,index是數(shù)組里面的項(xiàng)篡撵,
newVal是改變后的值。 - Array.prototype.splice()豆挽。
v-model
作用:數(shù)據(jù)雙向綁定育谬,數(shù)據(jù)實(shí)時(shí)更新。
v-on指令用來(lái)監(jiān)聽(tīng)dom事件
使用方法:
1. 在標(biāo)簽的屬性位置上寫(xiě)上v-on:任意事件類(lèi)型=“執(zhí)行的函數(shù)”
2. 簡(jiǎn)寫(xiě):@任意的事件類(lèi)型=“執(zhí)行的函數(shù)”
3. 通過(guò)執(zhí)行函數(shù)添加參數(shù)
4. 通過(guò)執(zhí)行函數(shù)中添加event參數(shù)傳遞事件對(duì)象帮哈,注意只能是event膛檀,并且不能加引號(hào)。
5.通過(guò)修飾符可以給事件添加特殊功能 .stop .prevent
6.可以給和按鍵相關(guān)的事件添加按鍵修飾符 通常的有 $keyup.enter
if和show
1.if操作dom元素刪除和添加
2.show操作元素的隱藏和顯示