Latihan 2: Provide/Inject — Vue
Latihan 2 dari materi Provide/Inject di Vue — praktek dengan editor kode interaktif, test case otomatis, dan hint terpandu. Langsung jalan di browser.
Bagikan dua nilai ke bawah tanpa mengoper prop:
- Sediakan
appName bernilai Hyper Sheets dan version bernilai 2.0
- Baca keduanya kembali, lalu tampilkan lewat interpolasi
<h3 id="app"> menampilkan namanya dan <span id="ver"> menampilkan versinya- Tulis
#app lebih dulu, baru #ver, sesuai urutan itu di templatenya
Hint
- Menyalurkan nilai lewat konteks menghindari pengoperan prop berlapis-lapis.
- Yang disediakan di atas dibaca di bawah dengan kunci yang sama persis.
- Keduanya ditampilkan lewat kurung kurawal ganda, bukan diketik langsung sebagai teks.
