Vue Component父子组件关系
2018-02-06 本文已影响0人
大孩子气
一丶局部组件写在构造器外部
先声明一个组件对象
var dxx={
template:`<div>dx is a handsome</div>`
}
在构造器里引用
components:{
dxx:"dxx"
}
然后在html中引用
<dxx></dxx>
二丶父子组件的嵌套
<body>
<div id="app">
<demo></demo>
</div>
</body>
<script>
var dx={template:`<div>dx is a handsome</div>`}
var demo ={
template:
`<div>
dx just a handsome
<dx></dx>
</div>`,
components:{
"dx":dx
}
}
var app = new Vue({
el:'#app',
data:{
},
components:{
"demo":demo
}
})
</script>
