Langsung ke konten utama

Postingan

Menampilkan postingan dengan label VueJS

Vue Js Tutorial Indonesia | 3 data

Pada vue js ada beberapa bentuk data yang digunakan, kita bisa gunakan variabel biasa seperti yang di deklarasi menggunakan kata kunci const , var dan let. Namun untuk penggunaan suatu data yang akan kita tampilkan pada template kita perlu mengaksesnya dari object data: yang akan kita bahas pada tutorial kali ini. Tujuan tulisan kali ini : Untuk mengerti object  data pada script vue js yang kita buat . Belajar cara menggunakan atribut yang di sediakan oleh vue js. untuk mempermudah belajar kali ini, saya akan memperlihat sebuah program sederhana di bawah ini : < div id= "app" > < p > {{ foo }} </ p > <!-- this will no longer update `foo`! --> < button v-on:click = "foo = 'baz'" > Change it </ button > </ div >  Saya ulangi dari pembahasan tutorial sebelumnya, " jika kita ingin menggunakan vue js maka kita harus memilih object DOM-nya, nah disini pada baris pertama saya menggunakan object

Vue Js Tutorial Indonesia | 2 Hello Vue

Menggunakan Framework Vue js ada dua cara, yaitu menggunakan CDN dan Install di komputer Local. Menggunakan CDN sama seperti pemanggilan file javascript pada biasanya, penggunaan seperti ini biasanya pada saat web project yang dibuat tidak begitu kompleks membutuhkan vue js, berbeda dengan cara yang di install secara langsung yang biasanya merupakan project yang berskala besar. Kita mulai dengan sesuatu yang lebih mudah dulu, yaitu menggunakan CDN sebagai dasarnya, setelah dasar sudah siap maka kita akan lanjutkan tutorial yang install on the server. ok pertama-tama buat file html biasa yang isinya kosong, seperti ini : <html > <head> <title> Belajar Vue Js </title> </head> <body> </body> </html> Masukkan file Vue JS nya ke dalam file html, seperti pemanggilan file js secara umumnya: < script src = "https://cdn.jsdelivr.net/npm/vue/dist/vue.js" > </ script > Hingga menjadi seperti ini : <html &g

Vue Js Tutorial Indonesia | 1 Pengenalan

Vue js adalah sebuah framework open source dari javascript yang digunakan untuk membuat situs web yang telah banyak di gunakan oleh banyak perusahaan-perusahaan di dunia termasuk Gitlab, Bukalapak dll, untuk pembahasan perusahan mana saja yang menggunakan Vue js akan kita bahas lebih detail di pembahasan terakhir. Vue JS digunakan untuk membuat halaman web yang interaktif, untuk mengelolah data dari backend, yaitu seperti mengambil data, menampilkan data, mengirim data baru ke backend, dan banyak lagi. Sejak rilisnya pada Februari 2014 telah membuat banyak perusahaan ingin memakainya dikarenakan sintag-sintagnya bisa di bilang hampir mirip dengan AngularJs dan juga simple. Vue JS sangat cocok dipelajari untuk pemula yang belum pernah belajar framework javascript sebelumnya dan yang telah memahami fundamental javascript, dikarenakan kodingan yang sangat mudah dimengerti, contohnya: < ul id = "list-nama" > < li v-for = "item in items" >