vue 使用template模板输出之后插值就无效了？

Question

 <div id="app">
        {{message}}
        <template id="tmpl">
            <p> template 标签模板</p>
        </template>
    </div>
    <script type="text/javascript">
    var app = new Vue({
        el: "#app",
        data: {
            message: "hello message！"
        },
        template: `#tmpl `
    })
    </script>

这时{{}}插值无效，这个到底是什么原因呢？

Answer 1

你这样写的意思是将 #tmpl 的内容渲染到 #app 下，{{}} 自然就被覆盖掉了。