What is the point of using state management (vuex,redux) to record most of the data in a project?

for each module in the recent project, vuex is abstracted into individual model, to separate the view from the data.
there is some strange feeling that
1 vuex mainly deals with some common data, which now stores most of the data on the page, and these data may only serve a certain page and will not be reused. Is it appropriate that
2 will have a certain degree of dependence on the data and view when it is extracted, resulting in trouble in abstraction? what kind of data is more suitable for abstraction in model (form data, interactive state, (data returned by the interface)
3 does the view and data separation make sense for the front end?

Jul.13,2021

sensitive information is generally not placed in vuex, but status can be used to interface data. It is not necessary to encapsulate requests unless you do not want to visit the background and cache them in vuex every time you enter the page.

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