v-if和v-show ?
相同點(diǎn):都是控制dom元素在頁面上的顯示
不同點(diǎn):實(shí)現(xiàn)原理不一樣
v-if是直接將新增dom節(jié)點(diǎn)刪除
v-show是切換標(biāo)簽的display樣式
總結(jié):
v-if:初始渲染的速度比v-show快
v-show:對于頻繁切換狀態(tài)的場景更加節(jié)省性能
computed計(jì)算屬性和methods的區(qū)別?
1,在使用時(shí), computed可以當(dāng)做屬性使用,而methods則可以當(dāng)做方法調(diào)用。
2,使用語法不一致:methods不帶參時(shí)不要括號,反之要帶 computed不需要()
3,computed具有緩存,methods沒有緩存
4,computed無法接收多個(gè)參數(shù),而methods可以
computed和watch的區(qū)別
(1).computed能完成的, watch都能夠完成;
(2).watch能完成的功能, computed不一定能完成, 例如: watch可以進(jìn)行異步操作;
(3).watch 不會立即執(zhí)行 加了immediate: true,就會先執(zhí)行一次
v-if 和v-for的優(yōu)先級
當(dāng)v-if 與 v-for 一起使用時(shí),v-for 比v-if 優(yōu)先級高,如果連用的話會把 v-if 給每個(gè)元素都添加一下,會造成性能問題
所以不推薦v-if和v-for在同一個(gè)標(biāo)簽中同時(shí)使用。
原因:先有循環(huán)才能渲染
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時(shí)請結(jié)合常識與多方信息審慎甄別。
平臺聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點(diǎn),簡書系信息發(fā)布平臺,僅提供信息存儲服務(wù)。