Javascript 带有Vue组件的Livewire

我想将Livewire组件与多个Vue组件一起使用。在我使用搜索或分页之前，它一直有效。换句话说，直到我重新渲染Livewire组件。当我重新渲染Livewire组件并获得另一条记录时，Vue组件仍然保持不变，但属性错误-我猜这是因为DOM和Vue组件无法与Livewire组件一起重新渲染。是否有任何选项可以强制Vue与Livewire组件一起重新渲染所有组件？以下是我的例子：

livewire-component.blade.php

@foreach（$items作为$item）
@endforeach

---

在本例中，当我搜索某个内容时，结果将具有不同的

$item->id

，但Vue组件仍与以前一样，而且它们的属性

itemId

也将是错误的（

id

将与搜索前一样）。

出于好奇，为什么要同时使用Vue和Livewire？它现在是一个混合应用程序，Livewire是我们的快速解决方案。从长远来看，我们希望切换到只使用Vue，但在这之前，如果可能的话，我们希望两者都使用。我看不出有任何理由支持向下投票。。。如果是，让我知道这个问题有什么不好的地方？

<input wire:model.debounce.500ms="search" type="text" name="search" placeholder="Search ..." value="">

<table>
    @foreach($items as $item)
    <tr>
        <td>
            <some-vue-component :item-id="{{ $item->id }}" />
        <td/>
    </tr>
    @endforeach
</table>