Vue Directives

Question 1

what is a directive

Answer 1

place holder

Question 2

How do you add String data to vue.

Answer 2

Updates the element’s textContent. If you need to update the part of textContent, you should use {{ Mustache }} interpolations.

<span></span>

<span>{{msg}}</span>

Question 3

how to show raw html

Answer 3

v-html

<div></div>

Question 4

How to toggle an elements deisplay css property

Answer 4

v-show

Question 5

provide an if statmement

Answer 5

v-if

Question 6

provide an else statement

Answer 6

v-else

Question 7

provide an else if

Answer 7

v-else-if

Question 8

how to create a for loop

Answer 8

v-for=”item in items”

note use :key=”item.id”

something unique to iterate over

note should extend this

Question 9

How do you attach and event listener to an element.

Answer 9

v-on:

shorthand … @

Question 10

How do you bind an attribute or component to an expression

Answer 10

v-bind

shortand…. :

Question 11

create a two way binding on a form of input

Answer 11

v-model

Question 12

How do you denote a named slot that expect to receive props

Answer 12

v-slot

shorthand…. #

Question 13

displaying raw mustache tags.

Answer 13

v-pre

Question 14

This directive will remain on the element until the associated Vue instance finishes compilation.

Answer 14

v-cloak

Question 15

Render the element and component once only.

Answer 15

v-once