Vue project city selection page-dynamic data rendering of the page (8-5)

Dynamic data rendering of the page

How to achieve it?
Insert picture description here

  1. First create the data simulated by city.json
    Insert picture description here
  2. Introduce axios
    Insert picture description here
  3. Create and initial data
    Insert picture description here
  4. Pass data into sub-components
    Insert picture description here
  5. Sub-components accept data
    Insert picture description here

Insert picture description here
7. Remember there is a second loop
Insert picture description here
8. A, B, C, D... on the right.
Insert picture description here

Guess you like

Origin blog.csdn.net/weixin_45647118/article/details/114275228