Cara mengkonfigurasi jam tangan komponen dalam lalai eksport vue

Bagaimana untuk mengkonfigurasi komponen komponen watch dengan export default dalam vue

menggunakan export default untuk mengeksport komponen VUE tidak mempengaruhi fungsi atau sintaks pilihan watch. Pilihan watch berfungsi dengan tepat sama ada anda menggunakan export default atau bernama eksport. Sintaks export default hanyalah cara yang mudah untuk mengeksport komponen lalai tunggal dari fail. Berikut adalah cara untuk melakukannya dengan berkesan:

watch export default kekhususan:

Elakkan menonton keseluruhan objek atau tatasusunan kecuali benar -benar diperlukan. Tonton hanya sifat khusus yang anda perlukan untuk bertindak balas. Ini menghalang pelaku semula yang tidak perlu dan meningkatkan prestasi. Bukannya:

watch

Pertimbangkan:

<code class="javascript">watch: {
  myObject: {
    handler: function (newValue, oldValue) {
      // ...
    },
    deep: true // this is expensive!
  }
}</code>

Opsyen dengan teliti:

pilihan

membolehkan menonton objek dan array yang mendalam, tetapi ia datang pada kos prestasi. Hanya gunakannya apabila anda benar -benar perlu menjejaki perubahan dalam objek bersarang atau tatasusunan. Lebih suka menonton harta khusus apabila mungkin. Ini berguna untuk menetapkan keadaan awal atau melakukan tindakan berdasarkan data awal. Elakkan perhitungan yang tidak perlu atau manipulasi DOM dalam pengendali. Pertimbangkan menggunakan sifat -sifat yang dikira untuk data yang diperolehi untuk mengurangkan kerja yang dilakukan dalam pengendali

<code class="javascript">watch: {
  'myObject.propertyA': {
    handler: function (newValue, oldValue) {
      // ...
    }
  },
  'myObject.propertyB': {
    handler: function (newValue, oldValue) {
      // ...
    }
  }
}</code>

. Perpustakaan seperti Lodash menyediakan fungsi penolong untuk ini.

• Naming Clear: Gunakan nama deskriptif untuk sifat -sifat yang ditonton dan fungsi pengendali yang sepadan. Ini meningkatkan kebolehbacaan dan kebolehkerjaan kod. Elakkan membuat pengendali yang terlalu kompleks yang mengendalikan pelbagai tindakan yang tidak berkaitan. Senario. fungsi atau sintaks pilihan
dalam komponen VUE anda. Pilihan
• berfungsi secara identik sama ada anda menggunakan atau dinamakan eksport. Pilihan kaedah eksport adalah semata -mata gaya gaya atau organisasi. Konfigurasi tetap konsisten. watch

Atas ialah kandungan terperinci Cara mengkonfigurasi jam tangan komponen dalam lalai eksport vue. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!