Vue项目中使用better-scroll

要实现如下效果

使用npm安装better-scroll

准备一个city.jsonMOCK数据里面返回了从A到Z的城市

和首页数据获取一样，引入axios获取城市数据

把数据分发到子组件中：

子组件接受数据并循环:

效果完成: