vue中div标签的使用问题

vue页面中template里可以使用两个div标签吗？
代码如下：

<template>
  <div>
    <h2 >欢迎h2>
    <el-container>
        <el-main>
            <div class="block">
                <el-carousel height="500px">
                <el-carousel-item v-for="item in items" :key="item">
                    <img :src="item" class="imgSize"/>
                el-carousel-item>
                el-carousel>
            div>
        el-main>
        el-container>
  div>
template>

我用的是vscode编写的vue代码，vscode里没有错误提示。不知道上述写法是否正确，请广大网友给予解答，感谢！

可以参考一下这篇博客：http://t.csdn.cn/enz7C%E3%80%82
编译器不同，但是语法差不多。

不行，template里面只能有一个根元素，相当于给外面套一个最大的大盒子，大盒子里面可以有分层级或者嵌套

template下只允许有一个根元素，不是限制div的个数，而是所有的元素都应该嵌套在最外层的那个div里面。你这样写没问题

只能有一个根元素 。根元素下 你随意

• 这篇文章讲的很详细，请看：vue中div拖动
• 你还可以看下vue.js参考手册中的 c语言-div()

你这么写是对的，vue2的template里面只能有一个div，但是在这个div里面想写多少写多少，vue3的template里面就不像vue2这样了，v3就不需要最外层那个根元素了