// 数据结构
const data = [
  {
    id: 1,
    name: '电脑',
    children: [
      {
        id: 3,
        name: '联想电脑',
      },
      {
        id: 6,
        name: '华硕电脑',
      }
    ]
  },
  {
    id: 2,
    name: '手机',
    children: [
      {
        id: 5,
        name: '小米手机',
      },
      {
        id: 7,
        name: '华为手机',
      }
    ]
  }
]

<ul>
    <li>电脑
        <ul class="hidden"> // 鼠标移到<li>电脑 其下<ul>style="display:block"
            <li>联想电脑</li>
            <li>华硕电脑</li>
        </ul>
    </li>
    <li>手机
        <ul class="hidden"> // 同时只能有一个<ul>style="display:block"展示
            <li>小米手机</li>
            <li>华为手机</li>
        </ul>
    </li>
</ul>