Cara menggunakan pengiraan dalam vue

Sifat yang dikira dalam Vue.js ialah fungsi yang mengira dan mengembalikan nilai terbitan. Mereka digunakan untuk: Mengira nilai berdasarkan data reaktif lain. Gunakan fungsi reaktif untuk mengakses sifat atau komponen reaktif yang lain. Reaktif: Mengemas kini secara automatik untuk mencerminkan perubahan dalam sifat bergantung. Cekap: hanya mengira semula apabila sifat bergantung berubah. Boleh diguna semula: boleh digunakan semula oleh komponen lain atau dikira.

Mengira sifat pengiraan dalam Vue.js

Apakah yang dikira dalam Vue.js?

Dikira ialah sifat yang dikira dalam Vue.js, digunakan untuk mengira dan mengembalikan nilai terbitan berdasarkan data reaktif yang lain. Ia pada asasnya adalah fungsi yang boleh diakses oleh sifat atau komponen reaktif lain.

Bagaimana untuk menggunakan pengiraan?

Untuk menggunakan pengiraan, anda perlu mentakrifkan fungsi dalam pilihan computed bagi contoh Vue, seperti yang ditunjukkan di bawah: computed 选项中定义一个函数，如下所示：

<code class="javascript">const app = new Vue({
  computed: {
    fullName() {
      return `${this.firstName} ${this.lastName}`;
    }
  },
  data() {
    return {
      firstName: "John",
      lastName: "Smith"
    };
  }
});</code>

在上面的示例中，fullName 是一个 computed，它使用 firstName 和 lastNamerrreee

Kelebihan pengiraan:

• Responsif:
dikira akan dikemas kini secara automatik apabila sifat reaktif bergantungan berubah.
• Cekap:
dikira hanya akan dikira semula apabila sifat bergantung berubah.
• Boleh diguna semula:
dikira boleh digunakan semula oleh komponen lain atau dikira, dengan itu memudahkan kod. Nota tentang

dikira:

• dikira tidak boleh mempunyai kesan sampingan, seperti mengubah suai data responsif.
• dikira hendaklah disimpan semudah dan secekap mungkin. Pengiraan yang rumit harus dipertimbangkan menggunakan kaedah atau perkhidmatan.
• Sifat bergantungan yang dikira mestilah responsif. Jika sifat bergantung tidak reaktif, pengiraan tidak akan dikemas kini.

Atas ialah kandungan terperinci Cara menggunakan pengiraan dalam vue. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!