面試被問到v if和v for同時使用優先順序的問題

2021-10-07 15:06:43 字數 945 閱讀 5941

// 關於vue中v-if 與v-show 和v-for的提問

// v-for和v-if的優先順序,v-for的要高,為什麼我看不懂原始碼,看了官方文件,只知道最好不要放一起使用

// 因為優先順序高的問題,即便滿足了v-if條件的被隱藏了。其實v-for也將資料渲染到dom了,如果資料多重繪dom

// 也是影響效能吧。用了個計算屬性,其實就是過濾滿足條件的資料(我面試的時候直接說的js邏輯處理,將滿足條件資料

// 篩選下來,再渲染,面試沒說用computed他覺得我low,哈哈,作為小白確實low)

<

!doctype html>

"en"

>

"utf-8"

>

"viewport" content=

"width=device-width, initial-scale=1.0"

>

document<

/title>

<

/head>

>

="box"

>

"">

for=

'item in data2'

:key=

'item.id'

>

}<

/li>

<

/ul>

<

/div>

<

/div>

<

/body>

"./vue-2.4.0.js"

>

<

/script>

let vm=

newvue(,

,,]}

, computed:)}

},})

;<

/script>

<

/html>

v for與v if不能同時使用

vue中v for和v if不能同時使用 我們在做列表渲染的時候有時會遇到,我們需要不展示其中的某一項,但是如果我們把v for和v if寫在一起又會出現一些錯誤,因為在vue中v for的優先順序會高於v if 而且如果每一次都需要遍歷整個陣列,將會影響速度,我們平常應該避免這樣的使用,一般我們在...

vue中v for和v if誰先被解析

最近看到乙個比較有意思的問題就是 vue中v for和v if同時在乙個標籤中,瀏覽器解析的時候會先解析v for呢還是v if。為了探明究竟,做了乙個小測試,如下 doctype html en utf 8 x ua compatible content ie edge viewport cont...

v for和v if優先順序

原始碼位置vue src complier codegen index.js function genelement el astelement,state codegenstate string if el.staticroot el.staticprocessed else if el.once...