亚洲乱色熟女一区二区三区丝袜,天堂√中文最新版在线,亚洲精品乱码久久久久久蜜桃图片,香蕉久久久久久av成人,欧美丰满熟妇bbb久久久

v-if 和 v-show 的區(qū)別

如果你是一名 Vue.js 開(kāi)發(fā)者，你可能已經(jīng)知道這兩者的區(qū)別。如果還不清楚，讓我們來(lái)了解一下：

• v-if：用于有條件地渲染一個(gè)塊。
• v-show：用于有條件地顯示一個(gè)塊。

v-show 只會(huì)渲染一次，并且會(huì)一直保留在 DOM 中，只是通過(guò)切換 CSS 的 display 屬性來(lái)控制顯示與否。

這意味著，如果你有一個(gè)重量級(jí)的組件，且渲染成本很高，你可以先渲染一次（使用 v-if），然后通過(guò) v-show 來(lái)切換顯示狀態(tài)，而不需要重新渲染。

示例

<template>
  <div v-if="isRendered">
    <div v-show="isVisible">
      <MyHeavyComponent/>
    </div>
  </div>
</template>

如果我們只使用 v-show，就無(wú)法控制渲染時(shí)機(jī)，組件會(huì)立即被渲染（即使不顯示），而不受任何條件限制。

原文地址：https://dev.to/biomousavi/why-you-should-use-both-v-if-and-v-show-to-toggle-heavy-components-in-vue--3383