Skip to content

Latest commit

 

History

History
93 lines (47 loc) · 4.62 KB

README.md

File metadata and controls

93 lines (47 loc) · 4.62 KB

Alpine.js


本文是 Alpine.js 官方文档的拙劣翻译,因为在学习时并没有找到 Alpine 3 的中文文档,所以在配合机翻学习 Alpine.js 时顺带做了一下翻译。

如有纰漏,欢迎指正。

官方文档:

Start Here — Alpine.js

Notion

安装


安装

指令


指令为 Alpine 为 HTML 标签定义的特殊的属性。

数据: x-data

初始化: x-init

显示: x-show

绑定: x-bind

监听: x-on

文本: x-text

超文本: x-html

双向绑定: x-model

可双向绑定: x-modelable

遍历: x-for

过渡: x-transition

影响: x-effect

忽略: x-ignore

参照: x-ref

隐身衣: x-cloak

传输: x-teleport

判断: x-if

编号: x-id

魔法


自身: $el

选择: $refs

全局: $store

监视: $watch

分派: $dispatch

后续: $nextTick

根: $root

数据: $data

编号: $id

全局


数据: Alpine.data

全局: Alpine.store

绑定: Alpine.bind