Alpine.js
由15個屬性、6個儲存值和2個方法組成的類框架函式庫
15個屬性
宣告一個Alpine元件與其資料
任何Alpine元件都需要有此屬性
若無
動態綁定HTML屬性
可簡寫為@
x-on:click = @click
設定元素文字內容
設定元素HTML內容
同步input元素內容
以傳入資料之值判定元素顯示與否
Alpine初始化該元素時執行
當依賴內容改變時執行
Alpine初始化完畢後隱藏該內容
防止Alpine初始化該內容
6個儲存值
該 DOM node
2個方法
Alpine.data
Alpine.store
API
Alpine.directive()
@BHolmesDev: If you're wondering "how did you get that loading spinner?" 1. Set loading to "true" on submit
2. ...that's it
When the new HTML comes in, it'll gracefully reset the state 🙃
https://pbs.twimg.com/media/F_9d2xPXQAA0agP.png