Skip to content

Markdown 中的 Alpine.js

接前文,以前了解过 Alpine.js,感觉应该行得通。
不要去 Alpine.js 中文网! 中文网上的部分内容还是 2.x 的。

之前尤大就说过类似的事情:https://zhuanlan.zhihu.com/p/412892005
官方文档地址:https://alpinejs.dev

实装 Alpine.js:

pnpm i alpinejs

引入(以下三种方式皆可):

  • ESM
js
// main.js
import Alpine from "alpinejs";
window.Alpine = Alpine;
Alpine.start();
  • cdn.min.js
js
// main.js
import "alpinejs/dist/cdn.min.js";
  • script
html
<!-- index.html -->
<!-- 不要忘记 <script> 标签中的 defer 属性 -->
<script defer src="https://unpkg.com/alpinejs"></script>

到这里 Alpine.js 就已经实装了

Release time: 6/4/2022, 11:48:00

Last updated:

⟣ Growing, with you. ⟢