1. Buat folder baru dengan nama routing.
2. Di dalam folder routing, tambahkan folder lib yang bisa diambil dari project sebelumnya.
3. Buka tautan berikut di browser : https://unpkg.com/vue-router
4. Buat satu file baru di dalam folder lib, dengan nama vue-router.js
5. Copy kan code dari tautan yang telah kita buka dan paste kan kedalam file vue-router.js.
6. Kemudian tambahkan file baru di dalam folder routing, dengan nama route1.html, dan isikan dengan code berikut :
7. Kemudian tambahkan file baru di dalam folder routing, dengan nama ShirtsComponent.html, dan isikan dengan code berikut :
8. Kemudian tambahkan file baru di dalam folder routing, dengan nama ShirtComponent.html, dan isikan dengan code berikut :
9. Kemudian jalankan pada browser, maka akan tampil tampilan berikut :
10. Ketika kita klik Monday maka akan muncul data Monday.
11. Ketika kita klik kembali atau pilih menu selain shirt maka akan muncul alert sbb:
10. Ketika kita ganti id nya di luar data yang kita munculkan maka akan muncul alert data tidak di temukan .
Tidak ada komentar:
Posting Komentar