Content
6 Lessons • 0 Quizzes • 0 Challenges
Alpine.js 简介
- 1
Alpine.js 简介
- 2
编写我们的第一个 Alpine.js 程序
- 3
挑战：编写我们的第一个 Alpine.js 程序
- 4
Alpine.js 指令、方法和属性简介
- 5
测验：Alpine.js 入门
Alpine.js 指令
- 1
声明我们的网站数据：x-data
- 2
添加切换功能：x-show
- 3
监听浏览器事件：x-on
- 4
挑战：监听浏览器事件：x-on
- 5
自定义事件与 x-on 事件修饰符
- 6
设置动态 HTML 属性：x-bind
- 7
使用 x-bind 进行高级属性绑定
- 8
设置元素内容：x-text 和 x-html
- 9
将数据绑定到表单元素：x-model
- 10
添加 CSS 动画：x-transition
- 11
循环遍历列表：x-for
- 12
条件渲染：x-if
- 13
测验：AlpineJS 指令
使用属性
- 1
获取当前的 DOM 元素：$el
- 2
访问全局状态：$store
- 3
分发自定义事件：$dispatch
- 4
关注数据变化：$watch
- 5
挑战：监听数据变化：$watch
- 6
引用关键元素：$refs（concept）
- 7
测验：使用属性
AlpineJS 组件初始化
- 1
在元素初始化时运行代码：x-init
- 2
挑战：在元素初始化时运行代码：x-init
- 3
响应依赖项变化：x-effect
- 4
通过键引用元素：x-ref
- 5
挑战：通过键引用元素：x-ref
- 6
延迟渲染：x-cloak
- 7
初始化时忽略元素：x-ignore
- 8
测验：AlpineJS 组件初始化
Alpine.js 方法
- 1
使用 Alpine.data 重用数据对象
- 2
挑战：使用 Alpine.data 重用数据对象
- 3
声明一个全局数据存储：Alpine.store
- 4
测验：AlpineJS 方法
结论
- 1
最后的总结
Certificate of Completion
Showcase your accomplishment by sharing your certificate of completion.
Course Author:Anonymous User