v-if和v-show 稽鞭?
相同點(diǎn):都是控制dom元素在頁(yè)面上的顯示
不同點(diǎn):實(shí)現(xiàn)原理不一樣
v-if是直接將新增dom節(jié)點(diǎn)刪除
v-show是切換標(biāo)簽的display樣式
總結(jié):
v-if:初始渲染的速度比v-show快
v-show:對(duì)于頻繁切換狀態(tài)的場(chǎng)景更加節(jié)省性能
computed計(jì)算屬性和methods的區(qū)別齐苛?
1,在使用時(shí)胸嘁, computed可以當(dāng)做屬性使用瓶摆,而methods則可以當(dāng)做方法調(diào)用。
2性宏,使用語(yǔ)法不一致:methods不帶參時(shí)不要括號(hào)群井,反之要帶 computed不需要()
3,computed具有緩存衔沼,methods沒(méi)有緩存
4蝌借,computed無(wú)法接收多個(gè)參數(shù),而methods可以
computed和watch的區(qū)別
(1).computed能完成的指蚁, watch都能夠完成;
(2).watch能完成的功能, computed不一定能完成, 例如: watch可以進(jìn)行異步操作;
(3).watch 不會(huì)立即執(zhí)行 加了immediate: true,就會(huì)先執(zhí)行一次
v-if 和v-for的優(yōu)先級(jí)
當(dāng)v-if 與 v-for 一起使用時(shí)菩佑,v-for 比v-if 優(yōu)先級(jí)高,如果連用的話會(huì)把 v-if 給每個(gè)元素都添加一下,會(huì)造成性能問(wèn)題
所以不推薦v-if和v-for在同一個(gè)標(biāo)簽中同時(shí)使用。
原因:先有循環(huán)才能渲染