除了react和vue之外的一些不太实用的mvvm框架,仅做了解
alpine.js
前后端在经过彻底的分离之后,服务端渲染再次成为热门议题。除了最主流的SSR
(服务端渲染+前端水合)方案之外,也出现了适合不同场景的不同方案,例如JAM
和TALL。TALL
是Laravel
主推的一套快速的全栈开发方案,是TailwindCSS
、Alpine.js
、Laravel
和Livewire
的首字母缩写。
alpine.js以相比react或vue这些大框架低很多的成本提供了响应式和申明式的组件编写方式
可以像写tailwindcss一样写js
alpine.js
无需安装,免去了webpack
、yarn
之类的学习成本,类似vue
的语法也非常容易上手。为了保持轻巧,alpine.js
选择了一些不同的实现方式,例如不依赖虚拟 DOM,模板通过遍历 DOM 来解析等等
引入alpinejs
1 | <script src="https://cdn.jsdelivr.net/gh/alpinejs/alpine@v2.8.0/dist/alpine.js" defer></script> |
最简单的组件
1 | <div x-data="{ open: false }"> |
https://juejin.cn/post/6930811299907502093#heading-6