When using show.bind
the element remains in the page and is either hidden or visible through the use of display:none
or display:block
behind the scenes.
export class MyViewModel {
isVisible = false;
}
<template>
<div show.bind="isVisible"><strong>I can be both hidden or visible, but not at the same time</strong></div>
</template>