Vue'до эсептелүүчү касиеттер

Башка касиеттердин негизинде реактивдүү түрдө эсептелүүчү касиеттерди белгилөөгө болот. Мындай касиеттер эсептелүүчү деп аталат. Алар computed конфигурациясында жайгашат.

Келгиле, мисал менен карап көрөлү. Касиеттерде колдонуучунун аты жана фамилиясы сакталсын:

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

Келгиле, фамилиясы менен толук атын камтыган full касиетин жасайлы:

javascriptcomputed: {
  full: function() {
    return this.name + ' ' + this.surn;
  }
}

Келгиле, көрсөтмөдө касиеттерибиздин мазмунун чыгаралы:

App.vue<template>
  <p>{{ name }}</p>
  <p>{{ surn }}</p>
  <p>{{ full }}</p>
</template>

Эсептелүүчү касиеттер реактивдүү түрдө өзгөрөт. Бул дегенди билдирет: эгерде биз атты же фамилияны өзгөртсөк, анда биздин full касиетибиз автоматтык түрдө реактивдүү өзгөрүлөт жана биз өзгөрүүлөрдү экранда дароо көрөбүз.