Mengapakah vue computed mempunyai cache?

Dalam Vue, kami sering menggunakan sifat pengiraan (dikira), iaitu kaedah harta terkira yang mudah disediakan oleh Vue. Menggunakan pengiraan, anda boleh mengira nilai baharu secara dinamik dengan mudah berdasarkan perubahan dalam data tanpa menulis banyak pertimbangan logik dalam templat.

Tetapi tidak seperti kaedah atau pemerhati, dikira mempunyai mekanisme caching. Dalam erti kata lain, jika data yang bergantung pada atribut yang dikira tidak berubah, maka nilai itu tidak akan dikira semula, sekali gus meningkatkan kecekapan pengiraan.

Sekarang mari kita bincangkan mengapa pengiraan mempunyai mekanisme caching.

Pertama, mari kita lihat contoh:

<template>
  <div>{{ message }}</div>
  <button @click="updateData">Update data</button>
</template>

<script>
export default {
  data() {
    return {
      firstName: 'John',
      lastName: 'Doe',
    }
  },
  computed: {
    message() {
      console.log('computed');
      return `${this.firstName} ${this.lastName}`;
    },
  },
  methods: {
    updateData() {
      this.firstName = 'Tom';
    },
  },
};
</script>

Apabila kita memaparkan halaman buat kali pertama, dikira akan dikira kepada nilai baharu dan console.log('computed') hanya akan dilaksanakan sekali pada kali ini. Kemudian, kami mengklik butang, dan nama pertama ditukar kepada 'Tom' Pada masa ini, kami akan mendapati bahawa mesej pada halaman belum dikira semula dan console.log('computed') belum dilaksanakan.

Ringkasnya, ini kerana pengiraan menggunakan mekanisme caching. Apabila data yang bergantung pada pengiraan tidak berubah, Vue akan mendapatkan terus hasil pengiraan daripada cache tanpa beroperasi semula. Oleh itu, kami mencetuskan perubahan mengemas kini firstName di sini Walaupun data telah diubah suai, mesej tidak dikira semula kerana mekanisme caching yang dikira.

Dengan mekanisme caching ini, kami bukan sahaja dapat meningkatkan kecekapan pengkomputeran, tetapi juga mengelakkan pengiraan yang tidak perlu, dengan itu mengurangkan penggunaan sumber sistem dan meningkatkan prestasi sistem.

Walau bagaimanapun, dalam beberapa senario tertentu, mekanisme caching yang dikira mungkin menyebabkan beberapa masalah, seperti masih mengembalikan nilai cache apabila data bergantung kosong. Ini memerlukan kami memberi perhatian kepada perubahan data apabila menggunakan pengiraan untuk memastikan ketepatan keputusan pengiraan.

Ringkasnya, mekanisme caching yang dikira adalah salah satu ciri yang sangat berguna dalam pembangunan peribadi dan projek. Ia membolehkan kami melakukan pengiraan data dengan lebih mudah dan pada masa yang sama meningkatkan prestasi sistem Ia layak untuk pemahaman dan penggunaan kami yang mendalam.

Atas ialah kandungan terperinci Mengapakah vue computed mempunyai cache?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!