(八)Component父子关系组件
2018-02-15 本文已影响0人
我拥抱着我的未来
本节知识点
- 组件里面套着组件
概述
- 在实际开发中我们经常会遇到在一个自定义组件中使用其他自定义组件。这个时候就需要父子关系
构造器外部与局部注册组件
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<meta name="viewport" content="initial-scale=1.0,maximum-scale=1.0">
<title>Title</title>
<script src="js/vue.js"></script>
</head>
<body>
<div id="app">
<haha> </haha>
</div>
</body>
<script>
var son = {
template:`<p>2018年应该加油了</p>`
}
var father = {
template:`<p>2018年新年快乐<hehe></hehe></p>`,
components:{
"hehe":son
}
};
var app = new Vue({
el:"#app",
components:{
"haha": father
}
})
</script>
</html>
- 必须要记住的就是子组件必须要包含在父组件里面。不能写在外面。哪个组件就找哪个
