返回主页

微信扫码登录

Alpine.js 像 Jquery 一样简单易学易用的前端框架

x-data 指令 - Alpine.js 的入口和渲染范围的指定指令

x-init 指令 - 明白它的设计初衷才是最重要的

x-show 指令 - 模拟真实的使用场景，演示 x-show 的使用

06:16

x-model 指令 - 数据双向绑定让数据实现联动

x-model 指令 - Radio Button，Checkbox，Select 实现数据绑定

x-bind 指令 - 属性绑定指令，想绑啥就绑啥

x-html 指令 - 使用 x-html 指令实现前端解析 markdown

x-for 指令 - 循环遍历时如何有效避坑，vue 同理

x-if 指令 - 我跟 x-show 的运行机制是完全不同的

$watch - 霸道的美国，我想监控谁就能监控谁

$el - 方便快捷得操作当前的节点目标

$refs - 实现代码、内容复制到粘贴板的小功能

x-on 指令 - 强悍的事件处理能力，你一定要去探索

付费课程, 订阅后即可观看

Alpine.js 超轻前端

14 集视频

1小时11分钟

本期 Alpine.js 视频教程咱们开始进入 Alpine.js 的学习和使用，咱们看一看Alpine.js 中数据的双向绑定问题，咱们先看最简单的input框如何实现数据的双向绑定和联动