0

基于我制作的这个 REPL 示例。我像这样创建了两个苗条的自定义商店:

<script>
    import { writable } from "svelte/store";
    
    var store1;
    const {subscribe:subscribe_store1, set:set_store1, update:update_store1} = writable(store1)
    const Store1 = {
        subscribe:subscribe_store1,
        customfunction1:CustomFunction1
    }
    
    function CustomFunction1(str){set_store1(str)}
    
    
    
    var store2;
    const {subscribe:subscribe_store2, set:set_store2, update:update_store2} = writable(store1)
    const Store2 = {
        subscribe:subscribe_store2,
        customfunction2:CustomFunction2
    }
    
    function CustomFunction2(str){set_store2(str)}
    
    
    Store1.customfunction1("is 1!")
    Store2.customfunction2("is 2!")
</script>

<h1>Store1 : {$Store1}</h1>
<h2>Store2 : {$Store2}</h2>

如何使用 Store1 访问 $Store2 的值?我只找到了这个解决方案,但是一直导入和调用get函数有点烦人

编辑:而且它不是被动的......


import {writable, get} from "svelte/store"

...

const Store2 = {
   subscribe:subscribe_store2,
   Store1:Store1,
   customfunction2:CustomFunction2
}

...

<h3>{get({Store2.Store1)}</h3>

如果你有更好的方法,我会接受。

编辑:如果你有什么工作,我一定会接受的。

4

1 回答 1

0

这是我发现假设 Store1 是反应式的解决方案

$: store1 = Store2.Store1

<h3>{$store1}</h3>

于 2021-02-03T15:52:37.763 回答