小程式wx:if與hidden比較

wx:if

有更高的切換消耗

• 條件值切換，有一個局部渲染的過程，因為它會確定條件塊在切換時銷毀或重新渲染
• 惰性的，在隐藏的時候不渲染，如果在初始渲染條件為 false,則在條件第一次變成真的時候才開始局部渲染

适用場景：運作時條件不大可能改變

hidden

更高的初始渲染消耗

• 元件始終會被渲染，在隐藏時仍然渲染，隻是不呈現
• 隻是簡單的控制顯示與隐藏

适用場景：需要頻繁切換的情景

::: tip 總結

• 頻繁切換-->hidden

• 偶爾切換-->wx:if

  :::