刚开始学习Vue,遇到个问题,怎么都搞不懂,求助
粉丝福利 : 关注VUE中文社区公众号,回复视频领取粉丝福利
如图,为啥tr和td元素会跑到最外面啊???
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
</head>
<body>
<div id="app">
<table border="1">
<thead>
<tr>
<th>Name</th>
<th>Age</th>
</tr>
</thead>
<tbody>
<tb-item v-for="item in list" v-bind:val="item"></tb-item>
</tbody>
</table>
</div>
</body>
<script src="https://cn.vuejs.org/js/vue.js"></script>
<script>
Vue.component("tb-item", {
props: ["val"],
template: "<tr><td>{{val.name}}</td><td>{{val.age}}</td></tr>"
});
var app = new Vue({
el:"#app",
data: {
list:[
{name:"ww",age:2},
{name:"ww1",age:3},
{name:"ww2",age:4}
]
}
});
</script>
</html>