Reaktivitāte Vue framwork

Jebkuras izmaiņas datos no data uzreiz izraisa šo datu attēlojuma izmaiņas lapā. Šādu Vue uzvedību sauc par reaktivitāti.

Pārbaudīsim to praksē. Pieņemsim, ka mums ir šāda īpašība:

javascriptdata() {
  return {
    text: 'xxx',
  }
}

Parādīsim šīs īpašības vērtību:

App.vue<template>
  {{ text }}
</template>

Izveidosim pogu, kuras nospiešana mainīs mūsu īpašību:

App.vue<template>
  {{ text }}
  <button @click="change">text</button>
</template>

Tagad uzrakstīsim metodi, kas tiks izsaukta, noklikšķinot uz pogas, un mainīs īpašību:

App.vuemethods: {
  change: function() {
    this.text = 'yyy';
  }
}

Ja apvienot visu kodu kopā un nospiest uz pogas - teksts ekrānā reaktīvi mainīsies uz citu.