{"id":5539,"date":"2019-04-04T14:22:14","date_gmt":"2019-04-04T05:22:14","guid":{"rendered":"https:\/\/www.lancard.com\/blog\/?p=5539"},"modified":"2025-03-12T11:26:05","modified_gmt":"2025-03-12T02:26:05","slug":"vuex_call_other_module_method","status":"publish","type":"post","link":"https:\/\/www.lancard.com\/blog\/2019\/04\/04\/vuex_call_other_module_method\/","title":{"rendered":"Vuex\u306e\u30e2\u30b8\u30e5\u30fc\u30eb\u304b\u3089\u4ed6\u306e\u30e2\u30b8\u30e5\u30fc\u30eb\u306e\u30e1\u30bd\u30c3\u30c9\u3092\u547c\u3076\u306b\u306f"},"content":{"rendered":"<p>murave\u3067\u3059\u3002\u3054\u3076\u3055\u305f\u3057\u3066\u304a\u308a\u307e\u3059\u3002<\/p>\n<p>Nuxt.js\u3068\u304bVue.js\u306e\u5c0f\u30cd\u30bf\u3092\u307e\u3068\u3081\u3066\u66f8\u3053\u3046\u3068\u601d\u3063\u305f\u306e\u3067\u3059\u304c\u3001\u3053\u308c\u306f\u5206\u3051\u3066\u304a\u3044\u305f\u307b\u3046\u304c\u3044\u3044\u304b\u306a\uff1f\u3068\u601d\u3063\u305f\u306e\u3067\u5148\u306b\u66f8\u3044\u3066\u304a\u304d\u307e\u3059\u3002<\/p>\n<p>Vuex\u306e\u30e2\u30b8\u30e5\u30fc\u30eb\u306b\u3088\u308b\u540d\u524d\u7a7a\u9593\u306f\u51e6\u7406\u3092\u5206\u5272\u7ba1\u7406\u3059\u308b\u306e\u306b\u4fbf\u5229\u3067\u3059\u3002<\/p>\n<p><a href=\"https:\/\/vuex.vuejs.org\/ja\/guide\/modules.html\" rel=\"noopener noreferrer\" target=\"_blank\">\u30e2\u30b8\u30e5\u30fc\u30eb | Vuex<\/a><\/p>\n<p>\u3067\u3059\u304c\u3001\u4ed6\u306e\u30e2\u30b8\u30e5\u30fc\u30eb\u306e\u30e1\u30bd\u30c3\u30c9(action, mutation)\u3092\u547c\u3076\u3053\u3068\u304c\u3067\u304d\u306a\u3044(\u3068\u601d\u3063\u3066\u3044\u305f)\u306e\u3067\u3001\u4e0d\u4fbf\u306b\u611f\u3058\u3064\u3064\u30eb\u30fc\u30c8\u3067\u3042\u308bindex.js\u306b\u5171\u901a\u51e6\u7406\u3092\u96c6\u3081\u305f\u308a\u306a\u3069\u3057\u3066\u3044\u307e\u3057\u305f\u3002\u304c\u3001\u5148\u65e5\u3001\u547c\u3073\u51fa\u3057\u65b9\u6cd5\u306b\u6c17\u3065\u304d\u307e\u3057\u305f\u3002<\/p>\n<p><!--more--><\/p>\n<p>\u524d\u63b2\u306e\u30e2\u30b8\u30e5\u30fc\u30eb\u306e\u30c9\u30ad\u30e5\u30e1\u30f3\u30c8\u306b\u3042\u308b\u3088\u3046\u306b\u540d\u524d\u7a7a\u9593\u5185\u3067\u666e\u901a\u306bdispatch\u3084commit\u3092\u4f7f\u3046\u3068\u540c\u4e00\u540d\u524d\u7a7a\u9593\u306eaction\u3001 mutation\u304c\u5b9f\u884c\u3055\u308c\u307e\u3059\u3002<\/p>\n<p>root\u30aa\u30d7\u30b7\u30e7\u30f3\u304c\u3042\u308a\u3001\u3053\u308c\u3092\u6e21\u3059\u3053\u3068\u3067\u30eb\u30fc\u30c8\u306e\u3082\u306e\u3092\u547c\u3076\u3053\u3068\u3082\u3067\u304d\u307e\u3059\u3002<\/p>\n<p>\u30c9\u30ad\u30e5\u30e1\u30f3\u30c8\u306e\u30b5\u30f3\u30d7\u30eb\u30b3\u30fc\u30c9\u304b\u3089\u629c\u7c8b\u3057\u3066\u5f15\u7528\u3057\u307e\u3059\u3002<\/p>\n<pre><code class=\"Javascript\">modules: {\n  foo: {\n    namespaced: true,\n\n    actions: {\n      \/\/ \u30c7\u30a3\u30b9\u30d1\u30c3\u30c1\u3068\u30b3\u30df\u30c3\u30c8\u3082\u3053\u306e\u30e2\u30b8\u30e5\u30fc\u30eb\u7528\u306b\u30ed\u30fc\u30ab\u30e9\u30a4\u30ba\u3055\u308c\u3066\u3044\u307e\u3059\n      \/\/ \u30eb\u30fc\u30c8\u30c7\u30a3\u30b9\u30d1\u30c3\u30c1\/\u30b3\u30df\u30c3\u30c8\u306e `root` \u30aa\u30d7\u30b7\u30e7\u30f3\u3092\u53d7\u3051\u5165\u308c\u307e\u3059\n      someAction ({ dispatch, commit, getters, rootGetters }) {\n        dispatch('someOtherAction') \/\/ -&gt; 'foo\/someOtherAction'\n        dispatch('someOtherAction', null, { root: true }) \/\/ -&gt; 'someOtherAction'\n\n        commit('someMutation') \/\/ -&gt; 'foo\/someMutation'\n        commit('someMutation', null, { root: true }) \/\/ -&gt; 'someMutation'\n      },\n    }\n  }\n}\n<\/code><\/pre>\n<p>\u79c1\u306f\u3053\u306e\u30b5\u30f3\u30d7\u30eb\u3092\u898b\u3066\u3001\u30e2\u30b8\u30e5\u30fc\u30eb\u304b\u3089\u306f\u540c\u4e00\u540d\u524d\u7a7a\u9593\u5185\u304b\u300c\u30eb\u30fc\u30c8\u306e\u307f\u306b\u30a2\u30af\u30bb\u30b9\u300d\u53ef\u80fd\u3068\u601d\u3044\u3053\u3093\u3060\u306e\u3067\u3059\u304c\u2026<\/p>\n<p>\u305d\u3046\u3001\u300c\u30eb\u30fc\u30c8\u304b\u3089\u306e\u30a2\u30af\u30bb\u30b9\u300d\u304c\u53ef\u80fd\u306a\u306e\u3067\u3059\u3002\u4ed6\u306e\u30e2\u30b8\u30e5\u30fc\u30eb(\u4f8b\u3048\u3070bar)\u304b\u3089\u524d\u8a18\u306efoo\u5185\u306esomeAction\u3092\u547c\u3076\u5834\u5408\u3001\u6b21\u306e\u3088\u3046\u306b\u66f8\u3051\u3070\u3088\u304b\u3063\u305f\u306e\u3067\u3059\u3002<\/p>\n<pre><code class=\"Javascript\">modules: {\n  bar: {\n    namespaced: true,\n\n    actions: {\n      someAction ({ dispatch, commit, getters, rootGetters }) {\n        dispatch('foo\/someOtherAction', null, { root: true }) \/\/ -&gt; 'foo\/someOtherAction'\n      },\n    }\n  }\n}\n<\/code><\/pre>\n<p>Vuex\u3092\u4f7f\u3044\u59cb\u3081\u30661\u5e74\u4ee5\u4e0a\u7d4c\u904e\u3057\u3066\u306e\u6c17\u3065\u304d\u3067\u3057\u305f(\uff1b\u00b4\u0414\uff40)<\/p>\n<a class=\"synved-social-button synved-social-button-share synved-social-size-24 synved-social-resolution-single synved-social-provider-facebook nolightbox\" data-provider=\"facebook\" target=\"_blank\" rel=\"nofollow\" title=\"Share on Facebook\" href=\"https:\/\/www.facebook.com\/sharer.php?u=https%3A%2F%2Fwww.lancard.com%2Fblog%2Fwp-json%2Fwp%2Fv2%2Fposts%2F5539&#038;t=Vuex%E3%81%AE%E3%83%A2%E3%82%B8%E3%83%A5%E3%83%BC%E3%83%AB%E3%81%8B%E3%82%89%E4%BB%96%E3%81%AE%E3%83%A2%E3%82%B8%E3%83%A5%E3%83%BC%E3%83%AB%E3%81%AE%E3%83%A1%E3%82%BD%E3%83%83%E3%83%89%E3%82%92%E5%91%BC%E3%81%B6%E3%81%AB%E3%81%AF&#038;s=100&#038;p&#091;url&#093;=https%3A%2F%2Fwww.lancard.com%2Fblog%2Fwp-json%2Fwp%2Fv2%2Fposts%2F5539&#038;p&#091;images&#093;&#091;0&#093;=&#038;p&#091;title&#093;=Vuex%E3%81%AE%E3%83%A2%E3%82%B8%E3%83%A5%E3%83%BC%E3%83%AB%E3%81%8B%E3%82%89%E4%BB%96%E3%81%AE%E3%83%A2%E3%82%B8%E3%83%A5%E3%83%BC%E3%83%AB%E3%81%AE%E3%83%A1%E3%82%BD%E3%83%83%E3%83%89%E3%82%92%E5%91%BC%E3%81%B6%E3%81%AB%E3%81%AF\" style=\"font-size: 0px;width:24px;height:24px;margin:0;margin-bottom:5px;margin-right:5px\"><img loading=\"lazy\" decoding=\"async\" alt=\"Facebook\" title=\"Share on Facebook\" class=\"synved-share-image synved-social-image synved-social-image-share\" width=\"24\" height=\"24\" style=\"display: inline;width:24px;height:24px;margin: 0;padding: 0;border: none;box-shadow: none\" src=\"https:\/\/www.lancard.com\/blog\/wp-content\/plugins\/social-media-feather\/synved-social\/image\/social\/regular\/48x48\/facebook.png\" \/><\/a><a class=\"synved-social-button synved-social-button-share synved-social-size-24 synved-social-resolution-single synved-social-provider-twitter nolightbox\" data-provider=\"twitter\" target=\"_blank\" rel=\"nofollow\" title=\"Share on Twitter\" href=\"http:\/\/twitter.com\/share?url=https%3A%2F%2Fwww.lancard.com%2Fblog%2Fwp-json%2Fwp%2Fv2%2Fposts%2F5539&#038;text=Vuex%E3%81%AE%E3%83%A2%E3%82%B8%E3%83%A5%E3%83%BC%E3%83%AB%E3%81%8B%E3%82%89%E4%BB%96%E3%81%AE%E3%83%A2%E3%82%B8%E3%83%A5%E3%83%BC%E3%83%AB%E3%81%AE%E3%83%A1%E3%82%BD%E3%83%83%E3%83%89%E3%82%92%E5%91%BC%E3%81%B6%E3%81%AB%E3%81%AF\" style=\"font-size: 0px;width:24px;height:24px;margin:0;margin-bottom:5px;margin-right:5px\"><img loading=\"lazy\" decoding=\"async\" alt=\"twitter\" title=\"Share on Twitter\" class=\"synved-share-image synved-social-image synved-social-image-share\" width=\"24\" height=\"24\" style=\"display: inline;width:24px;height:24px;margin: 0;padding: 0;border: none;box-shadow: none\" src=\"https:\/\/www.lancard.com\/blog\/wp-content\/plugins\/social-media-feather\/synved-social\/image\/social\/regular\/48x48\/twitter.png\" \/><\/a><a class=\"synved-social-button synved-social-button-share synved-social-size-24 synved-social-resolution-single synved-social-provider-linkedin nolightbox\" data-provider=\"linkedin\" target=\"_blank\" rel=\"nofollow\" title=\"Share on Linkedin\" href=\"https:\/\/www.linkedin.com\/shareArticle?mini=true&#038;url=https%3A%2F%2Fwww.lancard.com%2Fblog%2Fwp-json%2Fwp%2Fv2%2Fposts%2F5539&#038;title=Vuex%E3%81%AE%E3%83%A2%E3%82%B8%E3%83%A5%E3%83%BC%E3%83%AB%E3%81%8B%E3%82%89%E4%BB%96%E3%81%AE%E3%83%A2%E3%82%B8%E3%83%A5%E3%83%BC%E3%83%AB%E3%81%AE%E3%83%A1%E3%82%BD%E3%83%83%E3%83%89%E3%82%92%E5%91%BC%E3%81%B6%E3%81%AB%E3%81%AF\" style=\"font-size: 0px;width:24px;height:24px;margin:0;margin-bottom:5px;margin-right:5px\"><img loading=\"lazy\" decoding=\"async\" alt=\"linkedin\" title=\"Share on Linkedin\" class=\"synved-share-image synved-social-image synved-social-image-share\" width=\"24\" height=\"24\" style=\"display: inline;width:24px;height:24px;margin: 0;padding: 0;border: none;box-shadow: none\" src=\"https:\/\/www.lancard.com\/blog\/wp-content\/plugins\/social-media-feather\/synved-social\/image\/social\/regular\/48x48\/linkedin.png\" \/><\/a><a class=\"synved-social-button synved-social-button-share synved-social-size-24 synved-social-resolution-single synved-social-provider-tumblr nolightbox\" data-provider=\"tumblr\" target=\"_blank\" rel=\"nofollow\" title=\"Share on tumblr\" href=\"https:\/\/tumblr.com\/share?s=&#038;v=3&#038;t=Vuex%E3%81%AE%E3%83%A2%E3%82%B8%E3%83%A5%E3%83%BC%E3%83%AB%E3%81%8B%E3%82%89%E4%BB%96%E3%81%AE%E3%83%A2%E3%82%B8%E3%83%A5%E3%83%BC%E3%83%AB%E3%81%AE%E3%83%A1%E3%82%BD%E3%83%83%E3%83%89%E3%82%92%E5%91%BC%E3%81%B6%E3%81%AB%E3%81%AF&#038;u=https%3A%2F%2Fwww.lancard.com%2Fblog%2Fwp-json%2Fwp%2Fv2%2Fposts%2F5539\" style=\"font-size: 0px;width:24px;height:24px;margin:0;margin-bottom:5px;margin-right:5px\"><img loading=\"lazy\" decoding=\"async\" alt=\"tumblr\" title=\"Share on tumblr\" class=\"synved-share-image synved-social-image synved-social-image-share\" width=\"24\" height=\"24\" style=\"display: inline;width:24px;height:24px;margin: 0;padding: 0;border: none;box-shadow: none\" src=\"https:\/\/www.lancard.com\/blog\/wp-content\/plugins\/social-media-feather\/synved-social\/image\/social\/regular\/48x48\/tumblr.png\" \/><\/a><a class=\"synved-social-button synved-social-button-share synved-social-size-24 synved-social-resolution-single synved-social-provider-mail nolightbox\" data-provider=\"mail\" rel=\"nofollow\" title=\"Share by email\" href=\"mailto:?subject=Vuex%E3%81%AE%E3%83%A2%E3%82%B8%E3%83%A5%E3%83%BC%E3%83%AB%E3%81%8B%E3%82%89%E4%BB%96%E3%81%AE%E3%83%A2%E3%82%B8%E3%83%A5%E3%83%BC%E3%83%AB%E3%81%AE%E3%83%A1%E3%82%BD%E3%83%83%E3%83%89%E3%82%92%E5%91%BC%E3%81%B6%E3%81%AB%E3%81%AF&#038;body=%E3%82%B7%E3%82%A7%E3%82%A2%E3%81%99%E3%82%8B%EF%BC%9A:%20https%3A%2F%2Fwww.lancard.com%2Fblog%2Fwp-json%2Fwp%2Fv2%2Fposts%2F5539\" style=\"font-size: 0px;width:24px;height:24px;margin:0;margin-bottom:5px\"><img loading=\"lazy\" decoding=\"async\" alt=\"mail\" title=\"Share by email\" class=\"synved-share-image synved-social-image synved-social-image-share\" width=\"24\" height=\"24\" style=\"display: inline;width:24px;height:24px;margin: 0;padding: 0;border: none;box-shadow: none\" src=\"https:\/\/www.lancard.com\/blog\/wp-content\/plugins\/social-media-feather\/synved-social\/image\/social\/regular\/48x48\/mail.png\" \/><\/a>","protected":false},"excerpt":{"rendered":"<p>murave\u3067\u3059\u3002\u3054\u3076\u3055\u305f\u3057\u3066\u304a\u308a\u307e\u3059\u3002 Nuxt.js\u3068\u304bVue.js\u306e\u5c0f\u30cd\u30bf\u3092\u307e\u3068\u3081\u3066\u66f8\u3053\u3046\u3068\u601d\u3063\u305f\u306e\u3067\u3059\u304c\u3001\u3053\u308c\u306f\u5206\u3051\u3066\u304a\u3044\u305f\u307b\u3046\u304c\u3044\u3044\u304b\u306a\uff1f\u3068\u601d\u3063\u305f\u306e\u3067\u5148\u306b\u66f8\u3044\u3066\u304a\u304d\u307e\u3059\u3002 Vuex\u306e\u30e2\u30b8\u30e5\u30fc\u30eb\u306b\u3088\u308b\u540d\u524d\u7a7a\u9593\u306f\u51e6 [&hellip;]<\/p>\n","protected":false},"author":12,"featured_media":0,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[155],"tags":[185,186],"class_list":["post-5539","post","type-post","status-publish","format-standard","hentry","category-javascript","tag-vue-js","tag-vuex"],"_links":{"self":[{"href":"https:\/\/www.lancard.com\/blog\/wp-json\/wp\/v2\/posts\/5539","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.lancard.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.lancard.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.lancard.com\/blog\/wp-json\/wp\/v2\/users\/12"}],"replies":[{"embeddable":true,"href":"https:\/\/www.lancard.com\/blog\/wp-json\/wp\/v2\/comments?post=5539"}],"version-history":[{"count":11,"href":"https:\/\/www.lancard.com\/blog\/wp-json\/wp\/v2\/posts\/5539\/revisions"}],"predecessor-version":[{"id":5550,"href":"https:\/\/www.lancard.com\/blog\/wp-json\/wp\/v2\/posts\/5539\/revisions\/5550"}],"wp:attachment":[{"href":"https:\/\/www.lancard.com\/blog\/wp-json\/wp\/v2\/media?parent=5539"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.lancard.com\/blog\/wp-json\/wp\/v2\/categories?post=5539"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.lancard.com\/blog\/wp-json\/wp\/v2\/tags?post=5539"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}