如何在同一DOM元素上定义两个Alpine组件？代码报错求解

• 错误根源：你在x-data的对象定义里用了**分号（;）分隔属性，而Alpine.js遵循JavaScript对象语法，多个属性之间必须使用逗号（,）**分隔——分号是用来分隔独立语句的，不能用于对象内部的属性分隔。
• 修正后的代码：

<div x-data="{ sidebarOneOpen: false, sidebarTwoOpen: true }">
 ...
</div>

将属性间的分号替换成逗号后，代码就能正常运行了。

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