Is it okay to use Javascript class objects in Vuex state?
Lets say I have a simple Vuex state to hold a recipe:
const state = {
recipe: {
id: '',
name: "",
ingredients : ,
}
};
Is it a good practice to instead create a recipe class holding the same data, and then in the state declare it as an instance of the class?
const state = {
recipe: new Recipe()
};
If the recipe class has methods, should those methods be proxied via getters/mutations on the vuex store, or is it okay to call the methods directly?
vuex
asked Nov 25 '18 at 17:28
corycorycorycorycorycory
297415
add a comment |
Lets say I have a simple Vuex state to hold a recipe:
const state = {
recipe: {
id: '',
name: "",
ingredients : ,
}
};
Is it a good practice to instead create a recipe class holding the same data, and then in the state declare it as an instance of the class?
const state = {
recipe: new Recipe()
};
If the recipe class has methods, should those methods be proxied via getters/mutations on the vuex store, or is it okay to call the methods directly?
vuex
asked Nov 25 '18 at 17:28
corycorycorycorycorycory
297415
I have the same question. I found the following post in the Vue forum and hope it helps: forum.vuejs.org/t/vuex-best-practices-for-complex-objects/10143/…
– Snowfish
Mar 2 at 2:07
add a comment |
Lets say I have a simple Vuex state to hold a recipe:
const state = {
recipe: {
id: '',
name: "",
ingredients : ,
}
};
Is it a good practice to instead create a recipe class holding the same data, and then in the state declare it as an instance of the class?
const state = {
recipe: new Recipe()
};
If the recipe class has methods, should those methods be proxied via getters/mutations on the vuex store, or is it okay to call the methods directly?
vuex
asked Nov 25 '18 at 17:28
corycorycorycorycorycory
297415
Lets say I have a simple Vuex state to hold a recipe:
const state = {
recipe: {
id: '',
name: "",
ingredients : ,
}
};
Is it a good practice to instead create a recipe class holding the same data, and then in the state declare it as an instance of the class?
const state = {
recipe: new Recipe()
};
If the recipe class has methods, should those methods be proxied via getters/mutations on the vuex store, or is it okay to call the methods directly?
vuex
vuex
asked Nov 25 '18 at 17:28
corycorycorycorycorycory
297415
asked Nov 25 '18 at 17:28
corycorycorycorycorycory
297415
asked Nov 25 '18 at 17:28
corycorycorycorycorycory
297415
asked Nov 25 '18 at 17:28
corycorycorycorycorycory
297415
asked Nov 25 '18 at 17:28
corycorycorycorycorycory
297415
297415
I have the same question. I found the following post in the Vue forum and hope it helps: forum.vuejs.org/t/vuex-best-practices-for-complex-objects/10143/…
– Snowfish
Mar 2 at 2:07
add a comment |
I have the same question. I found the following post in the Vue forum and hope it helps: forum.vuejs.org/t/vuex-best-practices-for-complex-objects/10143/…
– Snowfish
Mar 2 at 2:07
I have the same question. I found the following post in the Vue forum and hope it helps: forum.vuejs.org/t/vuex-best-practices-for-complex-objects/10143/…
– Snowfish
Mar 2 at 2:07
I have the same question. I found the following post in the Vue forum and hope it helps: forum.vuejs.org/t/vuex-best-practices-for-complex-objects/10143/…
– Snowfish
Mar 2 at 2:07
add a comment |
0
active
oldest
votes
Your Answer
StackExchange.ifUsing("editor", function () {
StackExchange.using("externalEditor", function () {
StackExchange.using("snippets", function () {
StackExchange.snippets.init();
});
});
}, "code-snippets");
StackExchange.ready(function() {
var channelOptions = {
tags: "".split(" "),
id: "1"
};
initTagRenderer("".split(" "), "".split(" "), channelOptions);
StackExchange.using("externalEditor", function() {
// Have to fire editor after snippets, if snippets enabled
if (StackExchange.settings.snippets.snippetsEnabled) {
StackExchange.using("snippets", function() {
createEditor();
});
}
else {
createEditor();
}
});
function createEditor() {
StackExchange.prepareEditor({
heartbeatType: 'answer',
autoActivateHeartbeat: false,
convertImagesToLinks: true,
noModals: true,
showLowRepImageUploadWarning: true,
reputationToPostImages: 10,
bindNavPrevention: true,
postfix: "",
imageUploader: {
brandingHtml: "Powered by u003ca class="icon-imgur-white" href="https://imgur.com/"u003eu003c/au003e",
contentPolicyHtml: "User contributions licensed under u003ca href="https://creativecommons.org/licenses/by-sa/3.0/"u003ecc by-sa 3.0 with attribution requiredu003c/au003e u003ca href="https://stackoverflow.com/legal/content-policy"u003e(content policy)u003c/au003e",
allowUrls: true
},
onDemand: true,
discardSelector: ".discard-answer"
,immediatelyShowMarkdownHelp:true
});
}
});
Sign up or log in
StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
StackExchange.ready(
function () {
StackExchange.openid.initPostLogin('.new-post-login', 'https%3a%2f%2fstackoverflow.com%2fquestions%2f53470027%2fis-it-okay-to-use-javascript-class-objects-in-vuex-state%23new-answer', 'question_page');
}
);
Post as a guest
Required, but never shown
0
active
oldest
votes
0
active
oldest
votes
active
oldest
votes
active
oldest
votes
Thanks for contributing an answer to Stack Overflow!
- Please be sure to answer the question. Provide details and share your research!
But avoid …
- Asking for help, clarification, or responding to other answers.
- Making statements based on opinion; back them up with references or personal experience.
To learn more, see our tips on writing great answers.
Sign up or log in
StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
StackExchange.ready(
function () {
StackExchange.openid.initPostLogin('.new-post-login', 'https%3a%2f%2fstackoverflow.com%2fquestions%2f53470027%2fis-it-okay-to-use-javascript-class-objects-in-vuex-state%23new-answer', 'question_page');
}
);
Post as a guest
Required, but never shown
Sign up or log in
StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
Sign up or log in
StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
Sign up or log in
StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
I have the same question. I found the following post in the Vue forum and hope it helps: forum.vuejs.org/t/vuex-best-practices-for-complex-objects/10143/…
– Snowfish
Mar 2 at 2:07