vue中递归组件的实现方法介绍（附实例：三级菜单）

<template>

  <li>

    <a>{{tree.label}}</a>

    <simple3 v-if="tree.children" :tree="item" v-for="item in tree.children" :class="item.test==2?'test2':'test3'"></simple3>

  </li>

</template>

<style rel="stylesheet/stylus" lang="stylus">

    .test2

      list-style disc

    .test3

      list-style decimal

</style>

<script>

  export default{

    name: "simple3",

    props: ["tree"]

  }

</script>