V Directives

Class and Style Bindings

Class bindings are a way for us to conditionally add or remove class from a ui element in our DOM. Alternately, you can add some inline styles using the same technique. Let's explore both of those options in this episode.

Conditional Rendering with v-if and v-else

Conditional rendering refers to toggling the visibility of an item using a true or false statement. Let's explore how to show or hidden items using v-if and v-else. Finally, let's recreate our to-do list and toggle the items as checked or not.