vue组件的props

刚开始学习vue组件的时候经常被 props这个传值搞晕，做个笔记

Vue.component('item', {
  template: '#item-template',
  props: {
    model: Object
  }
})
 
var demo = new Vue({
  el: '#demo',
  data: {
    treeData: data
  }
})
<ul id="demo">
  <item
    class="item"
    :model="treeData">
  </item>
</ul>

props可以是字符串也可以是对象， 如果组件里面需要穿对象，我们调用的时候就可以使用 :model=object  model对应组件中props中的model,  object 对象必须是 父级 data中的一个对象属性