Vue Flashcards

1
Q

Describe Vues data-binding syntax?

A

Vue supports
Text Interpolations using the mustache {{ }} syntax/tag.

In Vue.js, a binding expression consists of a single JavaScript expression optionally followed by one or more filters.
The text we put inside mustache tags are also called binding expressions.

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
2
Q

What is a directive?

A

Directives are special attributes that reactively applies dynamic behavior to the DOM when the value of its expression changes.

Directives are denotedby the v- prefix. Directive attribute values are expected to be binding expressions, so the rules about JavaScript expressions and filters mentioned above apply here as well.

Directives can have arguments and modifiers

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
3
Q

Describe v-bind.

A

V-bind binds element attributes to binding expressions. this provides reactivity to element attributes.

in other words. directive is used to reactively update an HTML attribute

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
4
Q

describe V-on

A

the V-on directive listens to DOM events

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
5
Q

Describe the component API

A

The component API is the new advanced syntax for writing vue components.

The setup function is a new component option. It serves as the entry point for using the Composition API inside components.

How well did you know this?
1
Not at all
2
3
4
5
Perfectly