Bagaimana untuk mengira nilai pulangan fungsi dalam vue

Nilai pulangan fungsi Vue boleh dikira dalam tiga cara: Sifat yang dikira: Tentukan fungsi yang mengira nilai berdasarkan data komponen Nilai pulangannya akan dicache dan hanya akan dikira semula apabila data bergantung. Kaedah: Tentukan fungsi yang mengira semula nilai setiap kali ia dipanggil. Pengiraan sebaris templat: Gunakan ungkapan JavaScript untuk melakukan pengiraan terus dalam templat.

Pengiraan nilai pulangan fungsi dalam Vue

Fungsi dalam Vue boleh mengembalikan sebarang hasil ungkapan JavaScript, termasuk nilai yang dikira.

Sifat Berkomputer

Cara yang paling biasa ialah menggunakan sifat yang dikira. Sifat yang dikira ialah fungsi yang mengembalikan nilai yang dikira berdasarkan data komponen. Nilai pulangan harta yang dikira dicache, yang bermaksud ia hanya dikira semula apabila data bergantung berubah. Contohnya:

<code class="javascript">computed: {
  total() {
    return this.price * this.quantity;
  }
}</code>

Kaedah

Fungsi juga boleh digunakan sebagai kaedah untuk mengembalikan nilai yang dikira. Kaedah tidak dicache, jadi ia dikira semula pada setiap panggilan. Contohnya:

<code class="javascript">methods: {
  calculateTotal() {
    return this.price * this.quantity;
  }
}</code>

Pengiraan sebaris dalam templat

Anda juga boleh menggunakan ungkapan JavaScript untuk melakukan pengiraan terus dalam templat. Contohnya:

<code class="html"><template>
  <div>{{ price * quantity }}</div>
</template></code>

Nota

Anda perlu memberi perhatian kepada perkara berikut:

• Nilai pulangan ​​​​ bagi sifat dan kaedah yang dikira mestilah responsif. Ini bermakna ia perlu dikemas kini menggunakan API reaktif Vue (seperti this.$set atau Vue.set). this.$set 或 Vue.set) 更新。
• 在模板中使用 JavaScript 表达式时，确保使用 {{}}
Apabila menggunakan ungkapan JavaScript dalam templat, pastikan anda melampirkan ungkapan dalam pendakap kerinting berganda menggunakan sintaks {{}}.
• Elakkan melakukan pengiraan yang rumit atau memanggil fungsi luaran dalam sifat atau kaedah yang dikira. Ini boleh menjejaskan prestasi dan kebolehselenggaraan.

🎜

Atas ialah kandungan terperinci Bagaimana untuk mengira nilai pulangan fungsi dalam vue. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!