Artikel ini akan memperkenalkan anda kepada komponen Vue dan memperkenalkan acara tersuai dan bas acara global komponen Vue saya harap ia akan membantu anda!
1 peristiwa ialah kaedah komunikasi antara komponen, terpakai kepada komponen anak -> komponen induk menghantar data, dsb.
2. Di mana hendak digunakan
Jika Apl ialah komponen induk dan Sekolah ialah komponen kanak-kanak, dan Sekolah ingin memindahkan data ke Apl, maka adalah perlu untuk mengikat acara tersuai ke Sekolah dalam Apl (panggilan balik acara itu dalam Apl), iaitu komponen induk Peristiwa yang ditentukan sendiri mesti diikat terlebih dahulu untuk penggunaan sub-komponen, supaya komunikasi data antara bapa dan anak dapat diselesaikan Ia seperti bapa Little A bekerja di luar bandar, dan Kemudian Little A merindui ayahnya, dan kemudian apa? peristiwa tersuai komponen induk, jadi data boleh dihantar ke komponen induk
3.1 Ikatan peristiwa tersuai. cara pertama, dalam komponen induk dalam:
3.2 Kaedah kedua , dalam komponen induk:
tutorial video vuejs,
]
Mula-mula tulis komponen tersuai dalam komponen induk (jika anda mahu acara tersuai dicetuskan sekali sahaja , anda boleh menggunakan pengubahsuai sekali, atau kaedah $sekali)
Cari subkomponen untuk mencetuskan peristiwa shanyu pada contoh komponen Pelajar
Pencetus acara tersuai: ini.$emit('shanyu',data)
1 2 3 4 5 6 7 8 9 |
|
4. Buka ikatan acara tersuai
Nota: Apabila mengikat acara tersuai melalui ini $refs xxx , panggilan balik mesti dikonfigurasikan dalam kaedah atau menggunakan fungsi anak panah, jika tidak, akan ada masalah dengan penunjuk ini. laporkan ralat
1 2 3 4 5 6 |
|
2 bas acara global
1. Apakah bas acara global1 2 3 4 5 |
|
2. Cara menggunakan Berikut adalah Ia utama melibatkan tiga fail, main.js dan dua komponen saudara Pertama, cari main.js, iaitu fail dengan vm, dan kemudian pasang bas acara global dalam contoh vue. Kerana ciri cangkuk kitar hayat beforeCreate ialah ia dilaksanakan sebelum data dimuat semula $bus ialah vm bagi aplikasi semasa bukan sahaja bas tetapi juga bas
<. 🎜> 3. Gunakan bas acara
1 Terima data1 2 3 4 5 6 7 8 |
|
Nota: Sebaik-baiknya gunakan $off dalam cangkuk beforeDestroy untuk melepaskan ikatan peristiwa yang digunakan oleh komponen semasa. (Mempelajari perkongsian video:
tutorial pengenalan vuejsAtas ialah kandungan terperinci Artikel yang menganalisis secara ringkas acara tersuai dan bas acara global komponen Vue. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!