recently I tried to use vue as a project and used vuex to manage status, but I found a problem:
that is, the data in vuex is emptied after the page is refreshed, so basically all the data I store in vuex has to be saved in the browser once, so the question comes, why not just save the data in the browser and save it in vuex?
unlike data storage, the main problem solved by Vuex is communication between different components to manage the data state of the current page.
since it is a state, it is not persistent, and data is automatically lost after the page is refreshed or closed.
if there are fewer components, you don't have to use Vuex at all.
moreover, there are many Vuex-based plug-ins that combine localStorage, sessionStorage, IndexDB, etc., to achieve the purpose of data persistence.
Vuex is not just for communication between different components. To use Vuex, you must first understand what the front-end state is.
imagine a scenario in which users fill in a lot of information when purchasing goods, and then need to fill in the address. Go to a new page to create an address, then go back to the original page and even the drop-down box that the user is asked to fill in is still there.
whether the drop-down box is open is a state.
when there is a business requirement, the status cannot be lost. Vuex can help you manage this state and then revert to the scene through Vue.
above is the scenario where Vuex should be used. There are several scenarios where Vuex is not required.
Previous: Binding events can still be triggered in Edge browsers after element-ui button is disabled
Next: Ionic Project npm install Times error error MSB4019: could not find the imported project
The problem with is that I have a vue plug-in (which uses vue install exports and can use plug-ins introduced by vue.use ()), and I want to use vuex to communicate between components in this plug-in. currently there are the following problems: what I...
The page is normal, but there are errors reported. generally circulate the data of vuex directly in v-for, or add the data of vuex to the data of this page in created. ...
...
the best solution is to use vuex? Why can t the values in store be assigned directly in data, but must be in computed? I need each component to have a computed to receive the array in these store. can anyone give me an example? thank you ...
use action to delete array objects in the container how to solve the page jam, and is it possible to delete multiple objects in the array without a loop? ...
The value 2 passed in during the call will not be passed into the state parameter? But directly to the id? how to implicitly pass in state? The expression of learning C is not quite understood. No, no, no. ...
< hr > speaking vuex , then some people will say that this is done in state management in large-scale projects. Recently, I have been learning this part of the content. I would like to ask you a few questions . vuex Local StorageSession Storage? ...
through vuex, it seems that you need to create an extra state variable, and then modify the state through component A, while component B listens for changes in the state, thus realizing the transmission of events. But it feels like the value of this sta...
weex uses vuex to report errors Uncaught ReferenceError: Vue is not defined if I introduce import Vue from vue into vuex index.js, the webside will display normally, and if I don t introduce iOS, the following is my code and error report. Ple...
as shown in the figure, are there any ideas or ready-made plug-ins? elementUI looked at it and found that it could not support dynamic component switching. ...
when namespaced is not used, actions is registered globally by default, but after use, actions will become under the module, but I don t want to do this. I also want it to be global. My namespace:true is just for the convenience that I introduce state, ...
there are more than 10 methods for methods in one of my .vue files, and this page looks messy. is it because my componentization is not thorough enough; is there any way to make the file more concise ...
how do I reassign vue.$user.element? there is something wrong with my writing. There has been no output of value . ...
I want a variable in the drop-down box v-model data, and the default value of this variable is the constant defined in state, but what if it doesn t change with the value in state? reference: https: codeshelper.com q 10. The value of computed canno...
wants to send the collected data when switching routes, but does not generate when changing the value of vuex. beforeRouteLeave: (to, from, next) => { try { console.log(":"+new Date().getTime()); this.$store.commit( GET_HTTPRESP...
1, vue 2.5.13 can be obtained normally, and then the version cannot be obtained 2. Code: .vue file: computed: { ...mapGetters({ packages: getPackageByTag_data , pagerData: getPackagesPager , }), }, in the pkg.js of modu...
A rookie, who had no choice but to turn to the god of Sifou for several days question: I use the vue init webpack project name to build the project: package webpack.base.conf.js index.js run dev route.js drawer.vue ...
A property of state is used in both components. One component modifies this property, but the other component does not update the data ...
previously stored the data in vuex, and got it in a page my guess is that when the page is rendered, the cpmputed does not getter the data at the beginning, so the corresponding attribute cannot be found when the value is assigned, and then the ...
as shown in the figure, I get the data in vuex in created. I can get it as soon as I enter the page, but I can t get the data after the page is refreshed ...