Post Test Frontend

Apa itu vue js?

• library

• framework

• database

• extensi file

Manakah dari arahan di bawah ini yang memberikan pengikatan dua arah / two way data binding?

• none

• v-model

• v-on

• v-html

Manakah dari direktif berikut yang digunakan untuk melampirkan event listener yang memanggil method?

• v-for

• v-on

• v-model

• v-bind

Bagaimana cara menggunakan looping di vue js?

• vFor

• v-for

• v-loop

• v-loop-for

pernyataan yg benar antara v-html dan v-text adalah

• v-text memberikan nilai berbentuk plaintext

• v-html memberikan nilai rendering html element seperti fungsi innerHtml

• pernyataan a dan b benar

• pernyataan a dan b salah

Semua adalah kait siklus hidup di Vue kecuali …

• fetch

• created

• mounted

• didMount

Pernyataan yang benar antara v-show dan v-if adalah

• v-if hanya merender elemen ke DOM jika ekspresi lolos sedangkan v-show merender semua elemen ke DOM dan kemudian menggunakan properti tampilan CSS untuk menampilkan/menyembunyikan elemen berdasarkan ekspresi.

• v-if mendukung alternatif ke v-else dan v-else-if sedangkan v-show tidak mendukung alternatif ke yang lain.

• v-if dan v-show merupakan conditional statement

• Semuanya benar

Direktif v-model digunakan dalam …

• two way data binding di mana bagian tampilan (UI) aplikasi secara otomatis diperbarui ketika Model data diubah.

• two way data binding di mana bagian tampilan (UI) aplikasi tidak diperbarui secara otomatis. Kita perlu menulis beberapa kode khusus untuk membuatnya diperbarui setiap kali model data diubah.

• one-way data binding di mana bagian tampilan (UI) aplikasi diperbarui secara otomatis ketika Model data diubah.

• one-way data binding di mana bagian tampilan (UI) aplikasi tidak diperbarui secara otomatis. Beberapa kode khusus harus ditulis untuk membuatnya diperbarui setiap kali model data dimodifikasi.

Bagaimana cara menampilkan variabel role pada template vue js

• {{role}}

• {role}

• ${role}

• $role

Bagaimana cara mendeklarasikan variabel di vue?

• data: { role:'user' };

• data() { return {role:'user'} };

• data( {role:'user'} );

• data.role = ‘user’