Directives

Vue's directives are special HTML attributes with thev-prefix, for example,v-if, which provide a simple way to add functionality to our templates. Some examples of directives you can add to an element are:

• v-if: Conditionally render the element
• v-for: Render the element multiple times based on an array or object
• v-bind: Dynamically bind an attribute of the element to a JavaScript expression
• v-on: Attach an event listener to the element

There are more that we will explore throughout the book.