Ractivejs 如何在一个页面上添加多个抽象对象？

我是Ractive JS的新手。我想知道如何为单个模板创建多个Ractive对象

提前谢谢

---

萨米尔·卡哈尔（Samir Kahar）

听起来像是你想用一种新的方法。另请参见教程。

您只需创建多个Ractive实例。下面是关于在同一页面上使用两次不同数据的最简单的ractive模板：

<div id="div1"></div>
<div id="div2"></div>

<script type="text/ractive" id="sampleTemplate">
    Hello, {{name}}.
</script>

<script>
    var ractive1 = new Ractive({
        el: '#div1',
        template: '#sampleTemplate',
        data: { name: 'World' }
    });
    var ractive2 = new Ractive({
        el: '#div2',
        template: '#sampleTemplate',
        data: { name: 'World 2' }
    });
</script>

你好，{{name}}。
var ractive1=新Ractive({
el:“#div1”，
模板：“#样本模板”，
数据：{name:'World'}
});
var ractive2=新Ractive({
el:“#div2”，
模板：“#样本模板”，
数据：{name:'World 2'}
});