Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/curder/alpinejs-study


https://github.com/curder/alpinejs-study

alpinejs study

Last synced: 3 days ago
JSON representation

Awesome Lists containing this project

README

        

# Alpine.js 学习

[Alpine.js](https://alpinejs.dev/) 是一个轻量级的 JavaScript 框架,可以理解为 JavaScript 版本的 [Tailwind](https://tailwindcss.com/)。

`Alpine.js` 当前的版本是 `v3`,它包含 18 个指令、9 个属性和 3 个方法。分别是:

- [指令](guide/directives/index.md)
- [x-data](guide/directives/x-data.md)
- [x-text](guide/directives/x-text.md)
- [x-html](guide/directives/x-html.md)
- [x-init](guide/directives/x-init.md)
- [x-show](guide/directives/x-show.md)
- [x-cloak](guide/directives/x-cloak.md)
- [x-transition](guide/directives/x-transition.md)
- [x-if](guide/directives/x-if.md)
- [x-for](guide/directives/x-for.md)
- [x-bind](guide/directives/x-bind.md)
- [x-on](guide/directives/x-on.md)
- [x-model](guide/directives/x-model.md)
- [x-effect](guide/directives/x-effect.md)
- [x-ignore](guide/directives/x-ignore.md)
- [x-ref](guide/directives/x-ref.md)
- [x-teleport](guide/directives/x-teleport.md)
- [x-modelable](guide/directives/x-modelable.md)
- [x-id](guide/directives/x-id.md)

- [魔法属性](guide/magics/index.md)
- [$el](guide/magics/el.md)
- [$refs](guide/magics/refs.md)
- [$store](guide/magics/store.md)
- [$watch](guide/magics/watch.md)
- [$dispatch](guide/magics/dispatch.md)
- [$nextTick](guide/magics/nextTick.md)
- [$root](guide/magics/root.md)
- [$data](guide/magics/data.md)
- [$id](guide/magics/id.md)

- [全局变量](guide/globals/index.md)
- [Alpine.data()](guide/globals/alpine-data.md)
- [Alpine.store()](guide/globals/alpine-store.md)
- [Alpine.bind()](guide/globals/alpine-bind.md)