Vue project. When you switch routes, one of the pages jumps to other pages, but the path changes and the content of the page appears very slowly.

    When the
  1. a page switches to another page, the path changes, but the page content appears very slowly
  2. bforce, c, and other pages jump toward a page with normal speed
  3. the jump between the pages of brecincec li d, the speed is normal < / ref >

could you tell me what caused it? thank you


1. See if you did something when you jumped to other pages, causing other pages to slow down
2. Add some printing to the brecedence c answer d page to see the execution time of each life cycle, and see which life cycle is the slowest


I analyzed it with chrome's performance and found that there are two reasons

  1. document.onclick takes a long time, and it's much better to add events at different times later
  2. The
  3. a page uses a lot of echarts diagrams, and it takes a long time to release resources

it's much better now

MySQL Query : SELECT * FROM `codeshelper`.`v9_news` WHERE status=99 AND catid='6' ORDER BY rand() LIMIT 5
MySQL Error : Disk full (/tmp/#sql-temptable-64f5-1e8dbbb-45ec4.MAI); waiting for someone to free some space... (errno: 28 "No space left on device")
MySQL Errno : 1021
Message : Disk full (/tmp/#sql-temptable-64f5-1e8dbbb-45ec4.MAI); waiting for someone to free some space... (errno: 28 "No space left on device")
Need Help?