vue组件使用细节之标签渲染问题

我们在页面里面新建一个三行的表格：


如果我们想组件化，每行row都是一个组件，试试这样写：

效果看着好像没问题，但是我们点开结构发现出错了，渲染出来的<tr>和<td>标签并没有被放在tbody标签里面，而是和table平级了：

这是因为html5规范里面，规定table标签里面的tbody下面只能放tr,然后tr里面再放td，但是我们放的是row标签：

怎么解决：
很简单，<tbody>下面只能放<tr>，我们就把<row>都改成<tr>，但是实际上我们要渲染的是<row>，于是我们用is属性来指定一下：

这里is="row"的意思就是，这里我们不能写<row>，只能写<tr>，但是我们写的<tr>实际上代表<row>。效果如下：

同理，下面这些标签也是我们要注意的：
<ul>或者<ol>下面一定要写<li>

<select>标签下面一定要写<option>