vue 递归组件之多级联动

多级联动的基本就是运用递归组件
其中要注意这么几点：
（在我的代码中需要这么注意）
【用isflag来判断是否需要渲染v-if -----是否渲染v-show-------是否展开注意联动组件的一致性：比如v-bind所绑定的属性的一致性！！！！！！！（ :list=‘item’ ）注意填写数据的时候的分级和嵌套！！！
】

<div id="app">
    <ul>    
  <list-tree v-for='(item,index) in list'  :list='item' :key='index'></list-tree> 
    </ul> 
   </div>    

  <template id="demo">   
   <li>
      <span @click='toggle'>   
           {
  {list.name}}    
             </span>
      <ul v-if='isflag' v-show='open' >     
         <list-tree    v-for='(item ,index) in list.cList' :list='item' :key='index'></list-tree>                 </ul>


    </li>  
    </tem