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

来源:2-2 挂载点,模版与实例

慕婉清9214908

2018-05-22 17:28

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

<script type="text/javascript">

new Vue({

el: "#root",

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

data: {

msg: "hello world"

}

});

</script>


写回答 关注

1回答

  • 宋唐
    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

vue2.5入门

快速理解Vue编程理念上手Vue2.0开发。

146825 学习 · 657 问题

查看课程

相似问题