vue实现字母的索引栏

这里会先从静态布局开始，对于vue的新手宝宝们会很好理解，对于大佬们也会很好理解思路。

vue实现字母的索引栏

先来实现静态布局
首先在views文件下面建一个city.vue文件，然后在index.js里面配置一下相应的路由

import City from "../views/City";(这里的路径可以根据自己的实际路径来进行更改)
{
    path: '/',
    name: 'City',
    component: City
  },

**然后在components文件下面建一个city文件夹，在city里面建一个CityMenu.vue和CityList.vue文件，在City.vue里面引入CityMenu.vue文件 **

import CityMenu from "../components/city/CityMenu";(名称和路径可以根据自己来改)
components:{
            CityMenu,
        },
<CityMenu :cities="cities" :letter="letter" @change="handleChange"></CityMenu>

CityMenu.vue文件

<div class="area">
      <div class="city_menu_letter bor