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 |