alpine.js 는 무엇인가? -> 편리한 자바스크립트이다.
생성자가 있는가?
x-init
init()
alpine 자체가 로딩될때..근본적인 이벤트
alpine:init
apline:initialized
1document.addEventListener('alpine:init', () => {2 Alpine.data(...)3})4 5document.addEventListener('apine:initialized', () => {6 //7})
데이타 변화에 대한 반응
$watch (초기값 세팅은 무시하고 그 이후변화에 대해서만 체크함)
x-effect (처음부터 변화감지)
보여주기
ID 설정, 찾기는 어떻게 하지?
x-ref
$refs
1<button @click="$refs.txt.remove()">Remove Text</button>2<span x-ref="txt">Hello</span>