遍历children_树的深度遍历应用：实现省市区级联（vue版）

深度优先遍历口诀

• 访问根节点
• 对根节点的children挨个进行深度优先遍历

效果图

<template>
  <div>
    <div>
      <label>省</label>
      <select class="select-item" v-model="province">
        <option v-for="item in allData" :key="item.name" :value="item.name">{
    {item.name}}</option>
      </select>
      <label>市</label>
      <select class="select-item" v-model="city">
        <option v-for="item in cityData" :key="item.name" :value="item.name">{
    {item.name}}</option>
      </select>