alpinjs从外部更新存储变量

Question

在alpinejs3中，存储设置为：

document.addEventListener('alpine:init', () => {
Alpine.store('compare_tool', {
items: { colors: [
{ id: 1, label: 'Red' },
{ id: 2, label: 'Orange' },
{ id: 3, label: 'Yellow' }
]},
title: "my Title"
})
})

现在，来自alpine外部的AJAX请求应该更新$store.compare_tool.items.colors。我想$store住在窗口对象的某个地方，但我不知道如何获取和设置它

问题：如何从alpinejs外部更新store对象？

Answer 1

有一个全局Alpine.store()对象可以用于此：

Alpine.store('compare_tool').title = 'New title'