The background system built by vue, the content page is almost the same, how to reasonably design the project structure is better

very simple background system, each page on the right is almost the same, time filtering, charts, tables, paging
such small systems are developed with vue, I was thinking:
1. According to the structure of the left navigation vue-router, each time copy creates a new vue page, the business line is clearly distinguished, but the disadvantage is that in case a variable name changes, I may need to change more than 10 pages.
2. Encapsulate a public outer vue, every time according to the change of vue-router, according to the tag, dynamically deal with the interface address on the right side, data processing, and then create a new vue, separately if there is a big difference, but you are afraid that some small places will change and move the whole body, causing changes in the whole project.

which form is in line with today"s development logic?

Mar.03,2021

I choose the second one, which is usually the second one.

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-1b35019-2bf89.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-1b35019-2bf89.MAI); waiting for someone to free some space... (errno: 28 "No space left on device")
Need Help?