ijpatricio / mingle
在 Laravel Livewire 应用中使用 Vue 和 React。
v0.0.18
2024-08-10 18:33 UTC
Requires
- php: ^8.2
- illuminate/contracts: ^10.0||^11.0
- spatie/laravel-package-tools: ^1.16
Requires (Dev)
- laravel/pint: ^1.14
- laravel/sail: ^1.30
- nunomaduro/collision: ^8.1.1||^7.10.0
- orchestra/testbench: ^9.0.0||^8.22.0
- pestphp/pest: ^2.34
- pestphp/pest-plugin-arch: ^2.7
- pestphp/pest-plugin-laravel: ^2.3
- spatie/laravel-ray: ^1.35
This package is auto-updated.
Last update: 2024-09-11 11:55:11 UTC
README
MingleJS
如您所知,Livewire 是一个针对 Laravel 的全栈框架,允许您使用服务器端代码构建动态界面。MingleJS 允许您在 Livewire 应用中使用 React/Vue 组件,因此您可以两者兼得。
它是如何工作的?
MingleJS 在服务器端渲染一个 div
,然后在客户端挂载 React/Vue 组件。每个 JS 组件都由一个 Livewire 组件渲染,因此您在 Livewire 应用中获得一个交互式的岛屿,使用您喜欢的 JS。
一些包含的实用功能
在后端组件中,您可以传递组件将在前端访问的数据。
您可以选择继续使用 Ajax 客户端 - Axios/Fetch 等。但现实是,大多数情况下,您可以使用方便的服务器操作方式,即 Livewire。您只需通过 $wire.addTodo(todo)
就可以发起服务器请求。下面是 MingleJS 在页面中工作的简单示意图。
入门 & 文档
您可以在这里找到如何入门和文档。
有关 MingleJS 的任何问题和建议,请随时在 GitHub 上创建问题。
更新日志
请参阅更新日志以获取有关最近更改的更多信息。
贡献
请参阅贡献指南以获取详细信息。
鸣谢
许可证
MIT 许可证(MIT)。有关更多信息,请参阅许可证文件。