Rangka kerja bertujuan untuk menyediakan ciri-ciri seperti yang menjadikan proses pengembangan lebih mudah dan cepat untuk para pembangun. Vue.js adalah kerangka kerja JavaScript yang diperkaya dengan fitur yang menyediakan banyak fungsi dan arahan bawaan untuk membuat proses pengembangan dengan cepat. Tetapi, mesti ada beberapa senario apabila anda memerlukan beberapa fungsi yang tidak tersedia oleh kerangka kerja, jadi anda harus membina sendiri.
Dalam catatan ini, kita akan belajar dan melihat arahan terbina dalam yang diberikan oleh Vue.kerangka kerja js, dan kami juga akan belajar membuat dan menggunakan arahan Vue buatan kami sendiri.
Arahan
Arahan adalah atribut yang dapat anda hubungkan dengan elemen DOM, yang diawali dengan klausa "v-" yang membantu mengetahui perpustakaan bahawa ia adalah jenis sintaks khas yang digunakan untuk melaksanakan beberapa tugas. Arahan biasanya digunakan untuk manipulasi langsung DOM. Beberapa arahan yang paling banyak digunakan dan terkenal adalah "v-if", "v-for", dan "v-show".
Arahan tersebut digunakan untuk menerapkan kesan pada elemen DOM tetapi secara reaktif. Mari fahami dengan contoh:
Arahan "v-if"
Anda boleh melihat teksnya.
Pada tag di atas, "v-if" adalah arahan yang akan menghapus atau menambahkan tag perenggan "
", Bergantung pada kebenaran pemboleh ubah" showText ".
Arahan “v-show”
Begitu juga, kami mempunyai arahan "v-show" yang dapat melakukan fungsi yang sama seperti yang dinyatakan di atas:
Anda boleh melihat teksnya.
Perbezaan halus antara "v-if" dan "v-show" adalah bahawa "v-if" tidak menjadikan elemen semasa memuat halaman jika pemboleh ubah terikat tidak benar dan ia dimuat ketika pemboleh ubah menjadi benar. Sebaliknya, "v-show" akan menjadikan elemen pada waktu muat halaman web tetapi menyembunyikannya. Jadi, "v-if" adalah masa yang berkesan pada waktu pemuatan halaman dan memakan masa apabila pembolehubah menjadi kenyataan. Ini harus menjadikan keseluruhan elemen sementara "v-show" adalah waktu yang efektif berdasarkan kebenaran pemboleh ubah yang memakan waktu pada waktu memuat halaman web.
Baiklah! Mari kita lihat arahan yang mengambil hujah.
Arahan "v-bind"
Arahan lain yang paling banyak digunakan adalah "v-bind", yang digunakan untuk berinteraksi dan mengemas kini atribut HTML. Sebagai contoh, jika kita ingin mengikat beberapa pemboleh ubah ke atribut "href" dari , kita boleh mengikat atribut "href" seperti ini:
Arahan "v-on"
Sama seperti arahan "v-bind", Vue memberikan arahan "v-on" untuk mengikat pemboleh ubah untuk mendengarkan peristiwa yang dipecat di DOM. Sebagai contoh, untuk mendengar peristiwa Klik dan mengikat beberapa pemboleh ubahnya, sintaksnya seperti ini:
Dalam koma terbalik, kita dapat memberikan ungkapan dan juga fungsi.
Kesimpulannya
Kami telah mengetahui arahan di Vue dan melihat bagaimana menggunakan arahan di Vue.js. Kami telah membincangkan beberapa arahan terbina dalam Vue yang paling kerap digunakan dan asas.js, yang banyak membantu dan menjimatkan banyak masa dalam pembangunan.