vue树组件(组件封装)

<template>
    <div class="tree">
        <ul>
            <!-- 循环第一层 -->
            <li v-for="(ite,index) in list1" :key="ite.label" @click.stop="show(ite)"> 
                <template v-if="ite.children.length!=0">
                    <i :class="ite.flag?'el-icon-remove-outline':'el-icon-circle-plus-outline'" ></i>
                </template>
              
                <span>{
  {ite.label}}</span>
                <!-- 判断有没有flag(默认为false)  有的就显示-->
                <!-- 子组件调用子组件(递归)-->
                <ul v-show="ite.flag"><tree :list="ite.children"></tree></ul>  
            </li>
        </ul>
    </div >
</template>
<script>
export default {
    //添加name可以实现组件的递归调用 
    //方便查找和维护
    name:"tree",
    prop