<div id="app">
<!-- -->
<table>
<tbody>
<row></row>
<row></row>
<row></row>
</tbody>
</table>
<!-- -->
<table>
<tbody>
<tr is="row"></tr>
<tr is="row"></tr>
<tr is="row"></tr>
</tbody>
</table>
<!-- -->
<ul>
<li is="row"></li>
<li is="row"></li>
<li is="row"></li>
</ul>
<!-- -->
<select>
<option value="1" is="op"></option>
<option value="2" is="op"></option>
<option value="3" is="op"></option>
</select>
</div>Vue.component("row", {
template: "<tr><td>this is row</td></tr>"
});
Vue.component("op", {
template: "<option>this is option</option>"
});
var app = new Vue({
el: "#app",
data: {
mess: "hello world"
}
});
External CSS
This Pen doesn't use any external CSS resources.