详解Vue template 如何支持多个根结点

如果你试图创建一个没有根结点的 Vue template,像这样: Node 1 Node 2 不出意外的话你会得到一个编译错误或者运行时错误,因为 template 必须有一个根元素。 通常你可以在外面套一个div容器来解决。这个容器元素没有显示上的作用,只是为了满足模板编译的单个根节点的要求。 <!--我只是为了哄编译器开心--> Node 1 Node 2