<div id="app">
<div class="p-5">
<table>
<thead>
<tr>
<th>標題</th>
<th>內文</th>
</tr>
</thead>
<tbody>
<!-- 使用table-row的標籤會被移除到table外 -->
<table-row></table-row>
<tr v-is="'table-row'"></tr>
</tbody>
</table>
</div>
</div>const app = Vue.createApp({
data() {
return {
};
}
})
app.component('table-row', {
template: `<tr>
<td>$</td>
<td>這是一個 tr 項目</td>
</tr>`
});
app.mount('#app');