<body>
<!--
table/tr/和ul/li组件中的小bug
使用is别名解决
就不会在多出标签,组件在标签外面
-->
<div id="app">
<table>
<!-- is不加: -->
<tr is="row"></tr>
</table>
</div>
</body>
<script>
Vue.component('row',{
template:'<tr><td>123</td></tr>'
})
// 生命周期函数就是vue实例在某一个时间点会自动执行的函数
var vm = new Vue({
el: '#app',
});
</script>
// 子组件里面定义data必须使用return函数,否则不能使用插值表达式
// 每个子组件都有独立的数据存储,重复使用
Vue.component('row',{
// function()可以省略
data:function(){
return{
content:'丛继永'
}
},
template:'<tr><td>{{content}}</td></tr>'
})