问答详情
源自:2-2 挂载点,模版与实例

template中为什么只显示一个标签中的内容

<div id="root"></div>

<script type="text/javascript">

new Vue({

el: "#root",

template: '<p>{{msg}}<h1>hello</h1></p>',

data: {

msg: "hello world"

}

});

</script>


提问者:慕婉清9214908 2018-05-22 17:28

个回答

  • 宋唐
    2018-05-22 21:51:17

    vue2.0版本好像删除了多个节点的模板,目前每个组件必须只有一个根元素。

    如果你有这样的模板:<p>{{msg}}<h1>hello</h1></p>

    建议将全部内容包装在一个新元素中,如下所示:<div><p>{{msg}}<h1>hello</h1></p></div>

    具体说明在这里:https://vuejs.org/v2/guide/migration.html#Fragment-Instances-removed