函数式组件

export default {
  name: 'MenuItem',
  functional: true,
}

functional为true，表示该组件为一个函数式组件

函数式组件： 没有data状态，没有响应式数据，只会接收props属性， 没有this， 它就是一个函数。

将列表型的数据，转化成树形数据的递归算法：

封装一个方法：

/** *
 *
 *  将列表型的数据转化成树形数据 => 递归算法 => 自身调用自身 => 条件一定不能一样， 否则就会死循环
 *  遍历树形 有一个重点 要先找一个头儿
 * ***/
export function tranListToTreeData(list, rootValue) {
  var arr = []
  list.forEach(item => {
    if (item.pid === rootValue) {
      // 找到之后 就要去找 item 下面有没有子节点
      const children = tranListToTreeData(list, item.id)
      if (children.length) {
        // 如果children的长度大于0 说明找到了子节点
        item.children = children
      }
      arr.push(item) // 将内容加入到数组中
    }
  })
  return arr
}