Vue三级联动

<script src="https://unpkg.com/vue/dist/vue.js"></script>
<script src="city.js"></script>
<div id="box">
    <select v-model="sisd">
        <option v-for="(item,index) in city" :value="index">{{item.name}}</option>
    </select>
    <select v-model="app">
        <option v-for="(item,index) in city[sisd].city" :value="index">{{item.name}}</option>
    </select>
    <select v-model="arr2">
        <option v-for="(item,index) in city[sisd].city[app].area" :value="index">{{item}}</option>
    </select>
</div>
<script>
    new Vue({
        el: '#box',
        data() {
            return {
                city: citys,
                sisd: 0,
                app: 0,
                arr2: 0
            }
        }
    })
</script>