鍍金池/ 問(wèn)答/HTML/ vue 使用template模板輸出之后插值就無(wú)效了?

vue 使用template模板輸出之后插值就無(wú)效了?

 <div id="app">
        {{message}}
        <template id="tmpl">
            <p> template 標(biāo)簽?zāi)0?lt;/p>
        </template>
    </div>
    <script type="text/javascript">
    var app = new Vue({
        el: "#app",
        data: {
            message: "hello message!"
        },
        template: `#tmpl `
    })
    </script>

這時(shí){{}}插值無(wú)效,這個(gè)到底是什么原因呢?

回答
編輯回答
維他命

你這樣寫的意思是將 #tmpl 的內(nèi)容渲染到 #app 下,{{}} 自然就被覆蓋掉了。

2017年8月21日 10:20