RactiveJS-07 Triples (embedded HTML)

为了插入打断的html标记，并且令其中的标签按照其含义所解析（而不是按照字符串的字面意思所解析），可使用三层大括号将变量抱起来

{{{value}}}

看下面的例子

    <p>Hello {{{name}}}p>

var ractive1 = new Ractive({
        el: "#container",
        template: "#template",
        data: {
            name: '<strong>jaystrong>'
        }
    })

渲染出来，不会直接按照字面插入到DOM中，而是按照其含义解析成为一对标签。

这个特性可以用来直接插入打断的html标记。

但是需要注意，当使用{{{}}}三括号将变量插入到DOM中，当数据发生改变的时候，不会像{{}}双括号一样实时刷新，而是需要在重新渲染和重新插入之前在DOM中完全删除，再重新插入。

因此，在能够使用mustache{{}}时就尽量不要使用{{{}}} ，否则会造成RactiveJS的效率的降低。