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

页面的动态数据渲染

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

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

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

猜你喜欢

转载自blog.csdn.net/weixin_45647118/article/details/114275228
今日推荐