RactiveJS-07 Triples (embedded HTML)

来源：互联网发布：不同后缀域名的区别编辑：程序博客网时间：2024/06/06 00:31

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

{{{value}}}

看下面的例子

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

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

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

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

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

0 0