<div id="root">
<table>
<tbody>
<!-- 错误的写法 -->
<!--
<row></row>
<row></row>
<row></row>
-->
<!-- 正确写法 加is属性 -->
<tr is="row"></tr>
<tr is="row"></tr>
<tr is="row"></tr>
</tbody>
</table>
</div>
Vue.component("row",{
//子组件定义data时 ,data不能为对象,必须是函数
data: function() {
return {
content: "this is a row"
}
},
template: "<tr><td>{{content}}</td></tr>"
})
var vm = new Vue({
el: "#root",
data: {
}
})