外部存储文件

Question

我创建了一个阿尔卑斯商店，如下所示：

import Alpine from 'alpinejs'
 
Alpine.store('darkMode', {
    on: false,
 
    toggle() {
        this.on = ! this.on
    }
})
 
Alpine.start()

有没有一种方法可以将商店导出到外部文件并导入它，就像您可以使用插件等吗？

Answer 1

是的，您可以简单地使用存储定义创建一个单独的store.js文件：

import Alpine from 'alpinejs'
 
Alpine.store('darkMode', {
    on: false,
 
    toggle() {
        this.on = ! this.on
    }
})

并从main.js (或等效的)导入store.js文件：

import Alpine from 'alpinejs'

import './store.js'
 
Alpine.start()

(我用Vite进行测试。)