美文网首页
Vue Component父子组件关系

Vue Component父子组件关系

作者: 大孩子气 | 来源:发表于2018-02-06 17:41 被阅读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>

相关文章

网友评论

      本文标题:Vue Component父子组件关系

      本文链接:https://www.haomeiwen.com/subject/pnzwzxtx.html