vue 的 element ui 问题，<template>...</template> 的作用是什么？

这个标签可以帮我们包裹一些元素，而不会被渲染在页面中，减少层级嵌套

我的理解是可以包任何你想放的一些代码块，template 就作为了代码块的最外层边界标签

假如我们有这样的代码

<div class="container">
  <div v-if="true">
    <h1>标题1</h1>
    <p>内容1</p>
  </div>
  <div v-else>
    <h1>标题2</h1>
    <p>内容2</p>
  </div>
</div>

最后渲染的结果就是

<div class="container">
  <div>
    <h1>标题1</h1>
    <p>内容1</p>
  </div>
</div>

但是感觉里面的这个 div 又没什么作用，反而多嵌套了一层，而我们只需要 h1 和 p 就好，这时我们把里面的这个 div 换成 template

<template v-if="true">
  <h1>标题1</h1>
  <p>内容1</p>
</template>
<template v-else>
  <h1>标题2</h1>
  <p>内容2</p>
</template>

最后得到的结果就是只有 h1 和 p

<div class="container">
  <h1>标题1</h1>
  <p>内容1</p>
</div>

再如上面 ElementUI 中，我们想要放三个按钮，如果不使用 scope 数据，那么加 template 和不加没有什么区别

否则就需要使用一个标签包裹着三个按钮，加上 slot-scope="scope"，这样三个按钮就都可以使用 scope.row 来使用当前行数据。

如果使用非 template 标签元素包裹，那么这个标签元素也会被渲染，而使用了 template，那么最后就会减少一层标签嵌套

不知道我的表达是否清楚，一起讨论

不用template怎么把当前行的数据传到方法里呢