如何在Alpine.data中访问函数

Question

如何通过正常的javascript访问Alpine.data()中定义的函数？我的意思是“普通javascript”就像.js文件、控制台等中的普通javascript.但在阿尔松子的属性上却不是

示例：

Alpine.data('utils', () => ({
    func() {
        console.log('Hello, world!')
    }
}))
func() // Doesn't work but works in alpinejs like x-on:click
Alpine.func() // Doesn't work
Alpine.data('utils').func() // Doesn't work

Answer 1

我相信正确的方法是通过事件来处理这件事。所以在你的外部事件中，你通过dispatchEvent触发一个事件，在你的阿尔卑斯应用程序上，你监听这个事件并对它做出响应。

例如，在您的自定义代码中：

window.dispatchEvent(new Event('custom-event'))

在你的高山上：

<div x-data="app" @custom-event.window="doMapStuff()">