Latihan 1 dari materi Attribute Inheritance di Vue — praktek dengan editor kode interaktif, test case otomatis, dan hint terpandu. Langsung jalan di browser.
Starter-nya sudah punya child Tombol yang template-nya <button class="btn">Klik Saya</button>, tanpa id. Biarkan template itu. Di bawah garis ---template---, ganti komentar TODO dengan:
<component :is="Tombol" id="btn" class="primary" />.Tombol gak menyatakan id atau class sebagai prop, jadi keduanya jatuh ke root element-nya, <button>. class digabung dengan class milik Tombol, jadi tombolnya ber-class btn primary.
Yang dicek:
#btn berisi persis Klik Saya.#btn adalah <button> dengan class btn dan primary sekaligus.<button> yang ditulis dengan id langsung: id-nya datang dari <component>.<component :is="Tombol">.
