Skip to content

Rujukan Arahan

SenangStart Actions menggunakan atribut HTML dengan awalan ss- untuk menambah tingkah laku reaktif kepada elemen.

Arahan Teras

ArahanPenerangan
ss-dataMentakrifkan skop data reaktif
ss-textMengikat kandungan teks
ss-showTogol keterlihatan
ss-ifRendering bersyarat
ss-forRendering senarai

Borang & Pengikatan

ArahanPenerangan
ss-modelPengikatan data dua hala
ss-bindPengikatan atribut
ss-onPengendalian peristiwa

Utiliti

ArahanPenerangan
ss-refRujukan elemen
ss-effectKesan sampingan
ss-transitionTransisi CSS
ss-cloakSembunyikan sehingga sedia

Contoh Pantas

Pembilang

html
<div ss-data="{ count: 0 }">
  <button ss-on:click="count--">-</button>
  <span ss-text="count"></span>
  <button ss-on:click="count++">+</button>
</div>

Togol

html
<div ss-data="{ open: false }">
  <button ss-on:click="open = !open" ss-text="open ? 'Sembunyi' : 'Tunjuk'"></button>
  <div ss-show="open" ss-transition>Kandungan tersembunyi</div>
</div>

Sifat

Untuk sifat khas seperti $refs, $store, $el, $event, dan $dispatch, lihat bahagian Sifat.