Livewire 中文文档安装
安装#
安装扩展包#
composer require livewire/livewire引入静态文件#
在您的模板的 head 标签中和 body 标签末尾添加以下 Blade 指令。
<html>
<head>
...
@livewireStyles
</head>
<body>
...
@livewireScripts
</body>
</html>如果您使用的是 Laravel 7 或更高版本，则可以使用新的语法。
<livewire:styles>
...
<livewire:scripts>仅此而已！ 这就是开始使用 Livewire 所需的全部。 此页面上的其他所有内容都是可选的。
发布配置文件#
Livewire 的目标是 “零配置” 开箱即用的，但是某些用户需要更多的配置选项。
您可以使用以下 artisan 命令发布 Livewire 的配置文件：
php artisan vendor:publish --tag=livewire:config配置静态资源的基础 URL#
By default, Livewire serves its JavaScript portion (livewire.js) from the following route in your app:
实际生成的 script 标签默认是这样的：<script src="/livewire/livewire.js".
有两种情况可以更改此默认行为：
您发布了 Livewire 静态资源，可以通过 “assets” 之类的子文件夹为它们提供服务。
您的应用托管在域名的非根路径上。 例如：
https://your-laravel-app.com/application， 在这种情况下，实际静态资源将通过/application/livewire/livewire.js提供，但是生成的脚本标签将尝试从/livewire/livewire.js获取。
要解决这两个问题，您可以配置 asset_base_url 设置来自定义 src ="" 属性的前缀。
例如，发布 Livewire 的配置文件后，以下设置将解决以上两个问题：
1. 'asset_base_url'=>'/assets'
2. 'asset_base_url'=>'/application'
发布静态资源#
如果您希望通过 Web 服务器而不是通过 Laravel 提供 JavaScript 资源，请使用 vendor：publish 命令：
php artisan vendor:publish --tag=livewire:assets为了使静态资源保持最新状态并避免将来的更新出现问题，我们 强烈建议 在您的 composer.json 文件中的 post-autoload-dump 脚本中添加以下命令：
{
"scripts": {
"post-autoload-dump": [
"Illuminate\\Foundation\\ComposerScripts::postAutoloadDump",
"@php artisan package:discover --ansi",
"@php artisan vendor:publish --force --tag=livewire:assets --ansi"
]
}
}
关于 LearnKu
粤公网安备 44030502004330号
推荐文章：