<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>'
})
版权声明：本文内容由互联网用户自发贡献，该文观点仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 举报，一经查实，本站将立刻删除。
文章由极客之音整理，本文链接：https://www.bmabk.com/index.php/post/4876.html
