auraifとdisplaynoneの非表示扱いの違い

ページの表示/非表示は大きく2通りある。
方法①コンポーネントのaura:ifを使う
　→該当しない場合は、その領域がなくなる。
　　データの保持ができない。

方法②cssのdisplay:noneを使う
　→画面上見えないが、html上では存在する。
　　データの保持が可能。