el-table正确的格式应该是怎么样的？

Question

刚开始接触vue，我看到官方网站关于Table的例子，格式是下面这样的

<el-table
  :data="tableData"
  style="width: 100%">
  <el-table-column
    prop="date"
    label="日期"
    width="180">
  </el-table-column>
  <el-table-column
    prop="name"
    label="姓名"
    width="180">
  </el-table-column>
  <el-table-column
    prop="address"
    label="地址">
  </el-table-column>
</el-table>

但是我也看到过下面这样的格式。

<el-table :data="tableData" style="width: 100%">
<el-table-column prop="date" label="日期" width="180"></el-table-column>
<el-table-column prop="name" label="姓名" width="180"></el-table-column>
<el-table-column prop="address" label="地址"></el-table-column>
</el-table>

我觉得在一个项目下面所有代码的风格应该是统一的。但是在Element官网和另一个项目上面看到了同时存在两种不同的风格。所以想问是不是在某种情况下偏向于使用第一种，在另一种情况下使用第二种。

Answer 1

这不是同一段代码吗？？能有什么区别，硬说区别的话，就是两个的换行和缩进不一样，这是代码风格的不一样，无关对错好坏，根据个人喜好选哪种都行。

Answer 2

VS code里面斜体文字有一个代码优化工具叫beauty，可以用于保存代码的时候自动优化格式，上图就是默认优化后的效果