Vue项目城市选择页-页面的动态数据渲染(8-5)

页面的动态数据渲染

如何实现呢?
在这里插入图片描述

  1. 先创建city.json 模拟的数据
    在这里插入图片描述
  2. 引入axios
    在这里插入图片描述
  3. 创建并初始数据
    在这里插入图片描述
  4. 将数据传入子组件中
    在这里插入图片描述
  5. 子组件接受数据
    在这里插入图片描述

在这里插入图片描述
7. 记得还有个二次循环
在这里插入图片描述
8. 右边的A,B,C,D… 。
在这里插入图片描述

已标记关键词 清除标记
相关推荐
©️2020 CSDN 皮肤主题: 数字20 设计师:CSDN官方博客 返回首页