課程
/前端開(kāi)發(fā)
/Vue.js
/3小時(shí)速成 Vue2.x 核心技術(shù)
請(qǐng)問(wèn)老師, v-if 和 v-show 都可以控制顯示隱藏, 那么這兩個(gè)該如何選擇呢?
2019-07-12
源自:3小時(shí)速成 Vue2.x 核心技術(shù) 5-2
正在回答
v-show 相當(dāng)于css中的display: none,消耗瀏覽器的渲染性能
v-if 使用的vue的虛擬DOM在控制頁(yè)面的HTML,可以使用<keep-alive>如果有很多列表頻繁的切換的話。
感謝@Monstarme同學(xué)的熱心回答。
y_12 提問(wèn)者
Brian 回復(fù) y_12 提問(wèn)者
舉例其中一個(gè)場(chǎng)景吧,頻繁切換顯示隱藏的話,使用v-show更佳,否則使用v-if
舉報(bào)
帶你快速學(xué)習(xí)最流行的前端框架vue2.x的核心技術(shù)
1 回答v-if-else中的 ‘<’ 失效,判斷不了
1 回答創(chuàng)建新項(xiàng)目時(shí),這個(gè)選項(xiàng)如何選擇?
1 回答v-for循環(huán)時(shí)為何PageLIsts不加括號(hào)呢?
1 回答v-model 綁定值編譯失敗
2 回答Error in v-on handler: "ReferenceError: addItem is not defined"
Copyright ? 2025 imooc.com All Rights Reserved | 京ICP備12003892號(hào)-11 京公網(wǎng)安備11010802030151號(hào)
購(gòu)課補(bǔ)貼聯(lián)系客服咨詢優(yōu)惠詳情
慕課網(wǎng)APP您的移動(dòng)學(xué)習(xí)伙伴
掃描二維碼關(guān)注慕課網(wǎng)微信公眾號(hào)
2019-07-13
v-show 相當(dāng)于css中的display: none,消耗瀏覽器的渲染性能
v-if 使用的vue的虛擬DOM在控制頁(yè)面的HTML,可以使用<keep-alive>如果有很多列表頻繁的切換的話。
感謝@Monstarme同學(xué)的熱心回答。
2019-07-12
舉例其中一個(gè)場(chǎng)景吧,頻繁切換顯示隱藏的話,使用v-show更佳,否則使用v-if