Follow Fang!
試著突破低點,往高點邁進
2023/01/02
Vue.js v-show與v-if區別
v-show與v-if區別
v-show不論結果都會先將element渲染,v-show是透過css的display:none方式隱藏,所以dom的element仍是可以被看見。
v-if則是會透過結果來決定是否刪除該dom的element,不過v-if再操作element付出代價相比v-show更大;因為需要操作DOM新增或刪除
如果要透過v-for則會建議透過v-show來進行判別
v-if使用場景:較少條件或不需要頻繁切換
v-show使用場景:條件較多或需要頻繁切換時
較新的文章
較舊的文章
首頁