TDI(Vue.js)

Directive:

v-bind:

We can’t use a expression in html attribute like <a href=”{{ link }}”> .

Instead we have to use v-bind directive

ex)<a v-bind:href=”link”> and also we can rewrite this as <a :href=”link”>

v-once:

After render, the value doesn’t change.

Use to guarantee immutability.

v-html:

Use to Insert HTML Code.

v-on:

Can abbreviate v-on:click=”onClick” ===> @click=”onClick”

click, dbclick, mousemove(triggered when mouse is on the component + mouse moves)

(Event Modifier)

keyup.keyValue