Shabllonet Vue janë HTML i përmirësuar me direktiva dhe interpolim — shkruani markup që duket si HTML, plus atribute të veçantë (direktiva, duke filluar me v-) dhe {{ }} për vlera dinamike.
<template>
<h1>{{ title }}</h1> <!-- inserts the value of `title` -->
<p>{{ count * 2 }}</p> <!-- any JS expression works -->
<p>{{ isActive ? "On" : "Off" }}</p> <!-- ternaries, method calls, etc. -->
</template>
{{ }} vlerëson një shprehje JavaScript (jo shprehjet) dhe paraqet rezultatin si tekst, përditësohet automatikisht kur ndryshojnë të dhënat.
<template>
<p v-if="loggedIn">Welcome</p> <!-- conditional rendering -->
<li v-for="item in items" :key="item.id">{{ item.name }}</li> <!-- loops -->
<img :src="imageUrl" /> <!-- v-bind: bind an attribute -->
<button @click="submit">Send</button> <!-- v-on: handle an event -->
<input v-model="name" /> <!-- two-way binding -->
</template>
<a :href="url">link</a> <!-- : is short for v-bind: -->
<button @click="fn">go</button> <!-- @ is short for v-on: -->
Shkurtesat : (bind) dhe @ (on) janë mënyra idiomatike për të shkruar Vue — rrallë shihni formën e plotë v-bind:/v-on:.
<div class="static">{{ text }}</div> <!-- {{}} for CONTENT -->
<div :class="dynamicClass"></div> <!-- :attr for ATTRIBUTES -->
Përdorni {{ }} për përmbajtjen e tekstit dhe :attr për vlerat e atributeve — nuk mund të vendosni mustaches brenda një atributi.
Sintaksa e shabllonit është zemra e shkrimit të UI-ve Vue.
Kombinacioni i interpolimit {{ }} dhe direktivave v- (me shkurtesat : dhe @) ju lejon të shprehni në mënyrë deklarative UI-n dinamike dhe reaktive — e lexueshme si HTML, por e drejtuar nga të dhënat.
Zotërimi i direktivave të zakonshme është shumica e asaj që përfshin zhvillimin e përditshëm të Vue.
Një bibliotekë pyetjesh intervistash IT me përgjigje të detajuara — nga Junior te Senior.
Dhuro