Untuk kali ini saya akan coba cara menginstall npm jQuery di vuejs dan cara menggunakannya, jadi ketika kita lagi menggunakan vuejs kita juga bisa menggunakan framework javascript lain yaitu jquery, saya baru mencoba menggunakan jquery di vuejs entah apakah di framework javascript lain bisa juga, oke jadi kenapa disini saya menggunakan jquery, nanti kita akan bahas pada paragraf berikutnya, simak terus ya teman-teman.

Seperti yang saya tulis di atas, kenapa menggunakan jquery, karena saya pribadi sebelumnya suda menggunakan jquery, jadi ketika saya menggunakan DOM saya terbiasa menggunakan jquery, dan saya ingin menggunakan jquery ini ke vue, jadi saya mencoba mengetahuinya ternyata bisa, maka dari itu disini saya akan share kepada teman-teman cara menginstall npm jQuery di vuejs dan cara menggunakannya, oke disini caranya sama seperti tutorial saya sebelumnya, jadi teman-teman harus menginstall terlebih dahulu template vuejsnya, bisa lihat disini.

Jika sudah di install templatenya teman-teman harus install npm terlebih dahulu, jika sudah install jquery dan popper.js nya, karena disini kita akan mencobanya di bootstrap seperti ini

jika itu sudah semua silahkan teman-teman buka terlebih dahulu main.js kita import dan tuliskan seperti ini:

jika sudah kita masuk ke dalam App.vue kita akan mencoba membuat templatenya, template yang saya buat seperti ini, dimana saya mempunyai sebuah judul dan sebuah button tampil dan button hapus, jadi jika saya mengklik button hapus maka h1 akan hilang dan akan tampil jika button tampil saya tekan seperti itu.

jika teman-teman ingin menggunakan template seperti saya silahkan teman-teman salin saya template di bawah ini dan ganti template bawaan vuenya

oke jika sudah silahkan teman-teman scroll ke bawah kita akan mulai membuat kode jquerynya seperti ini:

jadi di mounted teman-teman ketikan seperti itu, untuk yang sudah belajar jquey pasti tidak asing dengan kode jquery yang saya berikan, alurnya sudah saya tulis di atas ya, jadi silahkan teman-teman klik kode jquery di dalam this.$nextTick(()=>{“ketik jquery disini”}) dan hasil yang saya dapatkan seperti ini:

 menginstall npm jQuery di vuejs dan cara menggunakannya

 menginstall npm jQuery di vuejs dan cara menggunakannya

gambar pertama adalah ketika saya belum menghilangkannya, dan gambar kedua ketika saya menekan tombol hilang dan judul pun berhasil kita hilangkan, oke bagaimana teman-teman cukup menarik bukan belajar kita kali ini tentang menginstall npm jQuery di vuejs dan cara menggunakannya, semoga bermanfaat dan sampai jumpa pada artikel selanjutnya terimakasih.