Vue - Синтаксис

Синтаксис - основы каждого языка

Для связки данных в шаблоне, нужно использовать интерполяцию

const name = ref('name')

<div> {{ name }} </div>

Для создания динамических атрибутов, нужно использовать директиву v-bind:name (короткая запись :) и так же можно задавать атрибут динамически v-bind:[name]

<div :class={ ... }> 1 </div>

Для добавления своего html, есть директива v-html

const myHtml = '<div> 2 </div>';

<div v-html="myHtml"> </div>

Результат

<div v-html="myHtml">
 <div> 2 </div>
</div>

Так же, есть специальные постфиксы, которые обозначают привязку директивы особым образом - модификаторы и пишутся они так .name

<div @click:submit.prevent="myHandler">
 
</div>