how do I initialize state how to use the network to request API?
const store = new Vuex.Store({
state: {
todos: [
{ id: 1, text: "...", done: true },
{ id: 2, text: "...", done: false }
]
},
I have a todos in state, I want to initialize it by requesting API. How do I write it here?
import {gettodos} from 'api'
state: {
todos: []
},
mutations: {
SET_TODOS: (state,todos) => {
state.todos = todos
}
},
actions: {
getTodos({ commit }) {
return new Promise(resolve => {
gettodos(state.token).then(res => {
commit('SET_TODOS', res.data.xxxx)
}).catch(error => {
reject(error)
})
})
}
} in the place where you initialize this.$store.dispatch (getTodos, {parameter})
if the data is returned to the page, you directly want to add resolve (res.data)
Previous: Spring boot connection mongodb error Exc sending message CertificateException
Next: Tp5 generates sitemap
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 ...