v-if

up:: Vue Directives v-if removes or adds elements to the DOM.

<p v-if="goals.length === 0">Show me as a placeholder</p>

Any JavaScript If Statements in here is valid, you can also add a Vue Methods that returns a truthy or falsey value.

Rule of thumb

Use this generally. If an item changes visibiility often, use v-show instead.

v-else

Warning

Needs to come directly after a v-if statement

<p v-if="goals.length === 0">Placeholder</p>
<div v-else>Show content</div>

v-else-if