(八)Component父子关系组件
作者:
我拥抱着我的未来 | 来源:发表于
2018-02-15 12:05 被阅读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>
- 必须要记住的就是子组件必须要包含在父组件里面。不能写在外面。哪个组件就找哪个
本文标题：(八)Component父子关系组件
本文链接：https://www.haomeiwen.com/subject/npaytftx.html
网友评论