Werk met Attribute in die Vue Raamwerk

Om waardes van eienskappe uit data in te voeg, kan nie net in teks nie, maar ook in die attribute van etikette. Dit word gedoen met behulp van die v-bind richtlyn.

Laat ons hierdie richtlyn gebruik om die waarde van die src attribuut vir die img etiket in te stel. Laat die verlangde waarde in die volgende eienskap gestoor wees:

App.vuedata() {
  return {
    attr: 'img.png',
  }
}

Laat ons die waarde van die eienskap in die src attribuut skryf:

App.vue<template>
  <img v-bind:src="attr">
</template>

Gewoonlik gebruik almal die verkorte weergawe van v-bind. Dit word voorgestel deur 'n dubbelpunt voor die naam van die attribuut:

App.vue<template>
  <img :src="attr">
</template>

App.vuedata() {
  return {
    text: 'page',
    href: 'page.html',
  }
}

html<a href="page.html">page</a>