Ketahui lebih lanjut tentang penggunaan dan langkah berjaga-jaga mixin dalam vue

Artikel ini akan membawa anda memahami ciri-ciri mixin (campuran) dalam Vue, dan memperkenalkan penggunaan dan langkah berjaga-jaga mixin saya harap ia akan membantu anda!

Gambaran keseluruhan asas mixin

Penjelasan dalam vue adalah seperti ini, jika anda rasakan bahawa bahasa Anda boleh melangkau bahasa yang membosankan~

Campuran: Ia adalah cara yang sangat fleksibel untuk mengedarkan fungsi boleh guna semula dalam komponen Vue. Mixin boleh mengandungi pilihan komponen sewenang-wenangnya. Apabila komponen menggunakan objek mixin, semua pilihan objek mixin akan dicampur ke dalam pilihan komponen itu sendiri.

Bagaimana untuk menggunakan?

Contohnya:

Tentukan objek campuran masuk

Campurkan objek campuran masuk ke dalam komponen semasa

Penggunaan nampaknya agak mudah

Ciri-ciri campuran

1 Kaedah dan parameter Tidak dikongsi antara komponen

Nombor parameter dalam objek bercampur

Nombor parameter dalam komponen 1 melaksanakan operasi 1

Nombor parameter dalam komponen 2 tidak dikendalikan

Lihat nilai num ​​output oleh kedua-dua komponen masing-masing

Seperti yang anda lihat, saya menukar nilai num dalam komponen 1, dan nilai num dalam komponen 2 masih merupakan nilai awal dalam objek bercampur

2 Pilihan yang nilainya adalah objek, seperti kaedah, komponen, dsb., pilihan akan digabungkan dan komponen dengan konflik utama akan menimpa

kaedah dalam objek bercampur

Kaedah dalam komponen

Output daripada jadual cetakan

3 Pilihan yang nilainya adalah fungsi, seperti dicipta, dipasang, dsb., akan digabungkan dan dipanggil Fungsi cangkuk dalam objek campuran dipanggil sebelum ini fungsi cangkuk di dalam komponen. dalam fungsi komponen

Perbezaan antara vuex dan vuex

Selepas contoh di atas, perbezaan di antara mereka harus jelas~

vuex: digunakan untuk pengurusan keadaan Pembolehubah yang ditakrifkan di dalamnya boleh digunakan dan diubah suai dalam setiap komponen Selepas nilai pembolehubah ini diubah suai dalam mana-mana komponen, nilai pembolehubah ini dalam komponen lain juga diubah suai dengan sewajarnya.

Campuran: Pembolehubah dikongsi boleh ditakrifkan dan digunakan dalam setiap komponen Selepas diperkenalkan ke dalam komponen, setiap pembolehubah adalah bebas antara satu sama lain, dan pengubahsuaian nilai tidak akan menjejaskan satu sama lain dalam komponen.

Perbezaan daripada komponen awam

Izinkan saya menyenaraikan perbezaan jelas yang sama sekali lagi~

Komponen: dalam komponen induk Memperkenalkan komponen dalam adalah bersamaan dengan memberi ruang bebas dalam komponen induk untuk digunakan oleh komponen kanak-kanak, dan kemudian menghantar nilai berdasarkan prop, tetapi pada dasarnya kedua-duanya adalah bebas.

Mixins: Selepas komponen diperkenalkan, ia digabungkan dengan objek dan kaedah dalam komponen, yang bersamaan dengan memanjangkan objek dan kaedah komponen induk, dan boleh difahami sebagai membentuk komponen baharu.

Cadangan berkaitan: "

tutorial vue.js

"

Atas ialah kandungan terperinci Ketahui lebih lanjut tentang penggunaan dan langkah berjaga-jaga mixin dalam vue. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!