riot.js - Riot.js を使用したサーバー側レンダリング: タグで opts.foo を this.foo に渡す

Question

Riot を使用したサーバー側のレンダリングに問題があります。

ハンドラーで、foo オブジェクトを bar タグに渡します。これは、次のようなものです。

reply(riot.render(bar, { foo: foo }));

これは私のシンプルな bar タグのコピーです:

<bar>
    <h1>TEST</h1>
    <h1>{ foo }</h1>

    this.foo = opts.foo
    console.log(this.foo)
</bar>

ブラウザで関連するパスを指定すると、「TEST」は表示されますが、foo は表示されません。私の console.log(foo) は問題なく動作します。

Answer 1

これは、同様の設定で私にとってはうまくいきました

<bar>
    <h1>TEST</h1>
    <h1>{ opts.foo }</h1>
    console.log(opts.foo)
</bar>

別のローカル変数に設定するのではなく、データオブジェクトに直接バインドするのが最も効果的だと思います