javascript数组转化为树状图案例

 

<template>

  <div>

      <h2>数组转化成树</h2>

      <button @click="btn(data)">点击生成树状图</button>

      <div>{ {tree}}</div>

  </div>

</template>

<script>

export default {

  name: '',

  props: {},

  data () {

    return {

      data: [

        { id: '01', name: '张大大', pid: '', job: '项目经理' },

        { id: '02', name: '小亮', pid: '01', job: '产品leader' },

        { id: '03', name: '小美', pid: '01', job: 'UIleader' },

        { id: '04', name: '老马', pid: '01', job: '技术leader