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 就已经实装了