Hello，大家好~歡迎再次回到JavaScript初學者成長日記！
今天就來說到Alpine.js的指令囉！因為只是一些小示範，所以就用掛cdn的方式~然後因為我自己用過的功能有限，所以不會將文件上的都介紹完，大家如果有需要用到的時候可以去找看看文件的說明喔！

• x-data：他有點像管理員的角色，Alpine 中的一切都從x-data指令開始。它將HTML區塊定義為Alpine 元件。在這個範圍裡的都是可以利用Alpine來操作。舉個例子：
  
  在這例子中，div的範圍內都是可以利用Alpine來操作的。
• x-init：它是用來將元件初始化的。如果需要在元素載入時設定一些初始狀態或數據，就可以使用。舉個例子：
  
  在這例子中，就給message一個初始值'Hello, World!'。
• x-text：可以用來動態更新HTML 元素的文本內容，有點像是原生JavaScript的innerText或textContent。舉個例子：
  
  在這例子中，將Hello, Alpine.js!，用x-text的方式放到span中。
• x-on：它就像是事件監聽器，JavaScript的addEventListener方法，舉個例子：
  
  在這例子中，監聽了click事件，當button被點擊時，count就增加1。一般來說，我不太會寫x:on，我會直接用它的簡寫@來取代。

那今天就先介紹這四個喔！明天再繼續介紹一些常見的。