vue无法用三重大括号来显示html

Question

核心代码如下

<div id="vue_demo2">
    {{{ content }}}
</div>
<script>
    var demo2 = new Vue({
        el: '#vue_demo2',
        data: {
            content: '<p style="color:red">Mustache显示HTML</p>'
        }
    })
</script>

如写{{content}}可以获得<p style="color:red">Mustache显示HTML</p>,但是写{{{content}}}浏览器并没有输出任何东西

初学vue,看某个教学视频里和某个博客里有这样写，还望多指正

Answer 1

用v-html 指令

https://jsfiddle.net/8g51t5hk/

Answer 2

三重括号是hanbars模板的写法，vue中用v-html指令展示原生html

Answer 3

vue 2.0 已经废弃了 三大括号 的插值了，需要使用 v-html