vue遞歸組件

//json數據

var tree = [{

  'menuName': '基礎管理',

  'menuCode': '10',

  'children': [{

    'menuName': '用戶管理',

    'menuCode': '11'

  }, {

    'menuName': '角色管理',

    'menuCode': '12',

    'children': [{

      'menuName': '管理員',

      'menuCode': '121'

    }]

  }]

}]

// 父組件 引用
items(v-bind:model='menuItem')(v-for='menuItem in tree')

// 子組件
 <template lang="jade">

ul

  li

    {{ model.menuName }}

  tree-menu(v-for="item in model.children")(v-bind:model="item")

</template>

<script type="text/javascript">

export default {

  name: 'treeMenu',

  props: ['model']

}

</script>