<div id="root"></div>
<script type="text/javascript">
new Vue({
el: "#root",
template: '<p>{{msg}}<h1>hello</h1></p>',
data: {
msg: "hello world"
}
});
</script>
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