Vue Directives

Vue has a set of directives.

Directive	Description
v-bind	Binds an attribute to a data property
v-cloak	Hides an un-compiled template until it is ready
v-for	Renders a list of elements
v-html	Outputs HTML code in the template
v-if	Renders an element conditionally
v-else-if	Renders an element conditionally when the first part of the if-statement is false
v-else	Renders an element when the first part of the if-statement is false
v-memo	Holds back rendering of an element until a change is detected in one or more specified properties
v-model	Creates a two-way binding between an input element and the corresponding data property
v-on	Connects an event to an action
v-once	Renders an element only once
v-pre	Skips compilation of an element and its content
v-show	Toggles an element's visibility conditionally
v-slot	Directs content to a named slot
v-text	Updates an element's text content