我第一次研究 AlpineJS，并尝试将一些数据加载到x-data属性中。
我有类似的东西
<body x-data="data">
...
在我的 HTML 中。data我在其中存储了稍后使用的所有数据和函数（这是一个非常简单的 SPA）
document.addEventListener('alpine:init', () => {
Alpine.data('data', () => ({
foo: 1,
bar: 2,
...
}));
}
在所有变量同步之前，一切都运行正常，但现在我需要将从数据库异步获取的一些数据分配给一个变量。
我尝试了一些简单的事情
document.addEventListener('alpine:init', () => {
Alpine.data('data', async () => ({
foo: 1,
bar: await getData(),
...
}));
}
不幸的是，这不起作用。我得到了Uncaught ReferenceError: VARIABLE_NAME is not defined里面每个变量的data。
我该如何解决这个问题？有没有标准的方法来处理这种情况？
