Kitu data katika Vue

Msingi wa komponen ni data, ambayo tutabadilisha. Data hii huhifadhiwa katika kitu maalum data. Kitu hiki kinapaswa kurudishwa kama matokeo ya mbinu maalum:

App.vueexport default {
  data() {
    return {
      
    }
  }
}

Wacha tuhifadhi katika mali ya kitu chenye data maandishi fulani:

App.vuedata() {
  return {
    text1: '111',
    text2: '222',
  }
}

Data iliyohifadhiwa inaweza kuonyeshwa katika muonekano. Hii inafanywa kwa mabano ya kuona mara mbili, ambapo jina la mali linaandikwa, thamani ambayo tunataka kuonyesha. Wacha tuonyeshe thamani za mali zetu:

App.vue<template>
  {{ text1 }}
  {{ text2 }}
</template>

Na sasa tufanye ili kila ujumbe wetu uonekane kwenye aya yake:

App.vue<template>
  <p>{{ text1 }}</p>
  <p>{{ text2 }}</p>
</template>

javascriptdata() {
  return {
    name: 'john',
    surn: 'smit',
  }
}