Cara menulis fungsi panggil balik untuk vue

Fungsi panggil balik dalam vue.js adalah fungsi yang dilaksanakan apabila peristiwa atau operasi berlaku, dan biasanya ditulis menggunakan anak panah atau sintaks fungsi tradisional. Fungsi panggil balik boleh dilaksanakan dengan menyampaikannya sebagai hujah kepada fungsi lain. Di Vue, fungsi panggil balik digunakan secara meluas untuk mengendalikan peristiwa, panggilan tak segerak, cangkuk kitaran hayat komponen, dan arahan tersuai.

Tulis fungsi panggil balik di Vue

Dalam vue.js, fungsi panggil balik adalah fungsi yang dilaksanakan apabila peristiwa atau operasi tertentu berlaku. Biasanya, ia diluluskan sebagai parameter kepada fungsi, kaedah, atau komponen lain.

Cara menulis fungsi panggil balik

Fungsi panggilan balik di Vue biasanya ditulis menggunakan sintaks fungsi anak panah, seperti berikut:

 <code>() => { // 回调函数代码}</code>

Atau menggunakan sintaks fungsi tradisional:

 <code>function () { // 回调函数代码}</code>

Lulus fungsi panggil balik

Untuk lulus fungsi panggil balik ke fungsi atau kaedah lain, lulus hanya sebagai hujah. Contohnya:

 <code>const myMethod = (callback) => { // 执行特定操作callback(); }; myMethod(() => { // 回调函数代码});</code>

Penggunaan biasa

Penggunaan fungsi panggilan balik yang biasa di Vue termasuk:

• Acara Pemprosesan: Apabila pengguna berinteraksi, seperti mengklik butang atau memasukkan nilai, mencetuskan fungsi panggil balik.
• Panggilan Asynchronous: Apabila operasi mengambil sedikit masa untuk diselesaikan, contohnya, dapatkan data dari pelayan.
• Komponen Hayat Komponen: Lakukan tingkah laku tersuai pada peringkat tertentu kitaran hayat komponen.
• Arahan tersuai: Memperluas tingkah laku lalai arahan VUE.

Contoh

Berikut adalah contoh menggunakan fungsi panggil balik di Vue:

 <code><template> <button>Say Hello</button> </template> <script> export default { methods: { greet() { this.sayHello(&#39;Alice&#39;); }, sayHello(name) { console.log(`Hello, ${name}!`); } } } </script></code>

Dalam contoh ini, kaedah greet mencetuskan fungsi panggil balik yang melepasi kaedah sayHello sebagai parameter. Apabila pengguna mengklik butang, fungsi panggil balik dilaksanakan dan kaedah sayHello dipanggil dengan nama yang ditentukan oleh parameter.

Atas ialah kandungan terperinci Cara menulis fungsi panggil balik untuk vue. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!