Livewire中Service实例数据无法持久化的问题求助

Livewire的每个交互（包括按钮点击触发的AJAX请求）对应一个独立的Laravel请求生命周期：

• mount方法在首次页面加载的请求中执行，此时注入的BooksService实例在当前请求周期内保存了书籍数据；
• 点击按钮触发handleClick时，会发起全新的AJAX请求，Laravel会创建新的请求上下文，此时注入的BooksService是全新实例，私有属性$books被重置为空数组，导致获取不到数据。
• 注册服务为单例也无效，因为单例仅在单个请求周期内生效，跨请求无法共享内存中的数据。

方案一：利用Livewire自身状态管理（推荐） #

Livewire会自动维护组件公共属性的状态，跨请求无需额外处理，完全符合Livewire的设计逻辑：

<?php

namespace App\Http\Livewire;

use Livewire\Component;

class BooksComponent extends Component
{
    public array $books = [];

    public function mount()
    {
        // 直接初始化组件属性，Livewire会自动维护状态
        $this->books = ['book1', 'book2', 'book3'];
    }

    public function handleClick()
    {
        // 如需重新获取数据，可在此调用服务从持久化源（如数据库）拉取
        // $this->books = $booksService->fetchBooksFromDB();
    }

    public function render()
    {
        return view('livewire.books-component');
    }
}

方案二：修改服务类，用Session持久化数据 #

如果必须通过服务类跨请求共享数据，可将数据存储到Session中（Session是跨请求共享的持久化存储）：

<?php

namespace App\Services;

use Illuminate\Support\Facades\Session;

class BooksService
{
    public function getBooks()
    {
        // 从Session获取，默认返回空数组
        return Session::get('books', []);
    }

    public function setBooks($books)
    {
        // 将数据存入Session
        Session::put('books', $books);
    }
}

组件代码无需修改，此时点击按钮即可从Session中获取到之前存储的数据。

方案三：使用Livewire持久化属性 #

通过Livewire的persist()方法标记需要跨请求保留的属性，实现状态持久化：

<?php

namespace App\Http\Livewire;

use Livewire\Component;

class BooksComponent extends Component
{
    public array $books = [];

    public function mount()
    {
        $this->books = ['book1', 'book2', 'book3'];
    }

    // 标记需要持久化的属性
    public function persist()
    {
        return ['books'];
    }

    public function handleClick()
    {
        // 直接使用$this->books即可
    }

    public function render()
    {
        return view('livewire.books-component');
    }
}

内容的提问来源于stack exchange，提问作者B R