HTML SPA

Tools untuk membuat SPA

Install

npm i -g html-spa

Menjalankan

spa

Bentuk Link

Nama File	Link
index.html	#/
about.html	#/about
baca.html	#/baca?id=1

Menggunakan Parameter

Pada contoh di atas, aku menggunakan #/baca?id=1 untuk file baca.html. Itu artinya, nilai dari parameter id adalah 1. Untuk mengambilnya, cukup menggunakan kode {{ params.id }}

Rerender

Untuk rerender, ubah isi dari this.key. Contoh:

this.key = Date.now()

Kemudian, pada template HTML:

<div v-effect="if (key) jalankan()">