api.html 38 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566567568569570571572573574575576577578579580581582583584585586587588589590591592593594595596597598599600601602603604605606607608609610611612613614615616617618619620621622623624625626627628629630631632633634635636637638639640641642643644645646647648649650651652653654655656657658659660661
  1. <!DOCTYPE HTML>
  2. <html lang="ja" >
  3. <head>
  4. <meta charset="UTF-8">
  5. <meta content="text/html; charset=utf-8" http-equiv="Content-Type">
  6. <title>API リファレンス · Vuex</title>
  7. <meta http-equiv="X-UA-Compatible" content="IE=edge" />
  8. <meta name="description" content="">
  9. <meta name="generator" content="GitBook 3.2.2">
  10. <link rel="stylesheet" href="../gitbook/style.css">
  11. <link rel="stylesheet" href="../gitbook/gitbook-plugin-prism/prism.css">
  12. <link rel="stylesheet" href="../gitbook/gitbook-plugin-search/search.css">
  13. <link rel="stylesheet" href="../gitbook/gitbook-plugin-theme-vuejs/vue.css">
  14. <meta name="HandheldFriendly" content="true"/>
  15. <meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no">
  16. <meta name="apple-mobile-web-app-capable" content="yes">
  17. <meta name="apple-mobile-web-app-status-bar-style" content="black">
  18. <link rel="apple-touch-icon-precomposed" sizes="152x152" href="../gitbook/images/apple-touch-icon-precomposed-152.png">
  19. <link rel="shortcut icon" href="../gitbook/images/favicon.ico" type="image/x-icon">
  20. <link rel="prev" href="hot-reload.html" />
  21. </head>
  22. <body>
  23. <div class="book">
  24. <div class="book-summary">
  25. <div id="book-search-input" role="search">
  26. <input type="text" placeholder="検索すると入力" />
  27. </div>
  28. <nav role="navigation">
  29. <script async type="text/javascript" src="//cdn.carbonads.com/carbon.js?zoneid=1673&serve=C6AILKT&placement=vuejs" id="_carbonads_js"></script>
  30. <ul class="summary">
  31. <li class="chapter " data-level="1.1" data-path="./">
  32. <a href="./">
  33. Introduction
  34. </a>
  35. </li>
  36. <li class="chapter " data-level="1.2" >
  37. <a target="_blank" href="https://github.com/vuejs/vuex/releases">
  38. リリースノート
  39. </a>
  40. </li>
  41. <li class="chapter " data-level="1.3" data-path="installation.html">
  42. <a href="installation.html">
  43. インストール
  44. </a>
  45. </li>
  46. <li class="chapter " data-level="1.4" data-path="intro.html">
  47. <a href="intro.html">
  48. Vuex とは何か?
  49. </a>
  50. </li>
  51. <li class="chapter " data-level="1.5" data-path="getting-started.html">
  52. <a href="getting-started.html">
  53. Vuex 入門
  54. </a>
  55. </li>
  56. <li class="chapter " data-level="1.6" data-path="core-concepts.html">
  57. <a href="core-concepts.html">
  58. コアコンセプト
  59. </a>
  60. <ul class="articles">
  61. <li class="chapter " data-level="1.6.1" data-path="state.html">
  62. <a href="state.html">
  63. ステート
  64. </a>
  65. </li>
  66. <li class="chapter " data-level="1.6.2" data-path="getters.html">
  67. <a href="getters.html">
  68. ゲッター
  69. </a>
  70. </li>
  71. <li class="chapter " data-level="1.6.3" data-path="mutations.html">
  72. <a href="mutations.html">
  73. ミューテーション
  74. </a>
  75. </li>
  76. <li class="chapter " data-level="1.6.4" data-path="actions.html">
  77. <a href="actions.html">
  78. アクション
  79. </a>
  80. </li>
  81. <li class="chapter " data-level="1.6.5" data-path="modules.html">
  82. <a href="modules.html">
  83. モジュール
  84. </a>
  85. </li>
  86. </ul>
  87. </li>
  88. <li class="chapter " data-level="1.7" data-path="structure.html">
  89. <a href="structure.html">
  90. アプリケーションの構造
  91. </a>
  92. </li>
  93. <li class="chapter " data-level="1.8" data-path="plugins.html">
  94. <a href="plugins.html">
  95. プラグイン
  96. </a>
  97. </li>
  98. <li class="chapter " data-level="1.9" data-path="strict.html">
  99. <a href="strict.html">
  100. 厳格モード
  101. </a>
  102. </li>
  103. <li class="chapter " data-level="1.10" data-path="forms.html">
  104. <a href="forms.html">
  105. フォームの扱い
  106. </a>
  107. </li>
  108. <li class="chapter " data-level="1.11" data-path="testing.html">
  109. <a href="testing.html">
  110. テスト
  111. </a>
  112. </li>
  113. <li class="chapter " data-level="1.12" data-path="hot-reload.html">
  114. <a href="hot-reload.html">
  115. ホットリローディング
  116. </a>
  117. </li>
  118. <li class="chapter active" data-level="1.13" data-path="api.html">
  119. <a href="api.html">
  120. API リファレンス
  121. </a>
  122. </li>
  123. <li class="divider"></li>
  124. <li>
  125. <a href="https://www.gitbook.com" target="blank" class="gitbook-link">
  126. GitBookで公開
  127. </a>
  128. </li>
  129. </ul>
  130. </nav>
  131. </div>
  132. <div class="book-body">
  133. <div class="body-inner">
  134. <div class="book-header" role="navigation">
  135. <!-- Title -->
  136. <h1>
  137. <i class="fa fa-circle-o-notch fa-spin"></i>
  138. <a href="." >API リファレンス</a>
  139. </h1>
  140. </div>
  141. <div class="page-wrapper" tabindex="-1" role="main">
  142. <div class="page-inner">
  143. <div id="book-search-results">
  144. <div class="search-noresults">
  145. <section class="normal markdown-section">
  146. <h1 id="api-&#x30EA;&#x30D5;&#x30A1;&#x30EC;&#x30F3;&#x30B9;">API &#x30EA;&#x30D5;&#x30A1;&#x30EC;&#x30F3;&#x30B9;</h1>
  147. <h3 id="vuexstore">Vuex.Store</h3>
  148. <pre class="language-"><code class="lang-js"><span class="token keyword">import</span> Vuex <span class="token keyword">from</span> <span class="token string">&apos;vuex&apos;</span>
  149. <span class="token keyword">const</span> store <span class="token operator">=</span> <span class="token keyword">new</span> <span class="token class-name">Vuex<span class="token punctuation">.</span>Store</span><span class="token punctuation">(</span><span class="token punctuation">{</span> <span class="token operator">...</span>options <span class="token punctuation">}</span><span class="token punctuation">)</span>
  150. </code></pre>
  151. <h3 id="vuexstore-&#x30B3;&#x30F3;&#x30B9;&#x30C8;&#x30E9;&#x30AF;&#x30BF;&#x30AA;&#x30D7;&#x30B7;&#x30E7;&#x30F3;">Vuex.Store &#x30B3;&#x30F3;&#x30B9;&#x30C8;&#x30E9;&#x30AF;&#x30BF;&#x30AA;&#x30D7;&#x30B7;&#x30E7;&#x30F3;</h3>
  152. <ul>
  153. <li><p><strong>state</strong></p>
  154. <ul>
  155. <li><p>&#x578B;: <code>Object | Function</code></p>
  156. <p>&#x30B9;&#x30C8;&#x30A2;&#x306E;&#x305F;&#x3081;&#x306E; &#x30EB;&#x30FC;&#x30C8;&#x30B9;&#x30C6;&#x30FC;&#x30C8;&#x30AA;&#x30D6;&#x30B8;&#x30A7;&#x30AF;&#x30C8;&#x3067;&#x3059;&#x3002;<a href="state.html">&#x8A73;&#x7D30;</a></p>
  157. <p>&#x30AA;&#x30D6;&#x30B8;&#x30A7;&#x30AF;&#x30C8;&#x3092;&#x8FD4;&#x3059;&#x95A2;&#x6570;&#x3092;&#x6E21;&#x3059;&#x5834;&#x5408;&#x3001;&#x8FD4;&#x3055;&#x308C;&#x305F;&#x30AA;&#x30D6;&#x30B8;&#x30A7;&#x30AF;&#x30C8;&#x306F;&#x30EB;&#x30FC;&#x30C8;&#x30B9;&#x30C6;&#x30FC;&#x30C8;&#x3068;&#x3057;&#x3066;&#x4F7F;&#x7528;&#x3055;&#x308C;&#x307E;&#x3059;&#x3002;&#x3053;&#x308C;&#x306F;&#x7279;&#x306B;&#x30E2;&#x30B8;&#x30E5;&#x30FC;&#x30EB;&#x306E;&#x518D;&#x5229;&#x7528;&#x306E;&#x305F;&#x3081;&#x306B;&#x30B9;&#x30C6;&#x30FC;&#x30C8;&#x30AA;&#x30D6;&#x30B8;&#x30A7;&#x30AF;&#x30C8;&#x3092;&#x518D;&#x5229;&#x7528;&#x3059;&#x308B;&#x5834;&#x5408;&#x306B;&#x4FBF;&#x5229;&#x3067;&#x3059;&#x3002;<a href="modules.html#&#x30E2;&#x30B8;&#x30E5;&#x30FC;&#x30EB;&#x306E;&#x518D;&#x5229;&#x7528;">&#x8A73;&#x7D30;</a></p>
  158. </li>
  159. </ul>
  160. </li>
  161. <li><p><strong>mutations</strong></p>
  162. <ul>
  163. <li><p>&#x578B;: <code>{ [type: string]: Function }</code></p>
  164. <p>&#x30B9;&#x30C8;&#x30A2;&#x306B;&#x30DF;&#x30E5;&#x30FC;&#x30C6;&#x30FC;&#x30B7;&#x30E7;&#x30F3;&#x3092;&#x767B;&#x9332;&#x3057;&#x307E;&#x3059;&#x3002;&#x30CF;&#x30F3;&#x30C9;&#x30E9;&#x95A2;&#x6570;&#x306F;&#x7B2C;&#x4E00;&#x5F15;&#x6570;&#x306B; <code>state</code> &#x3092;&#x5E38;&#x306B;&#x53D7;&#x3051;&#x53D6;&#x308A;(&#x30E2;&#x30B8;&#x30E5;&#x30FC;&#x30EB;&#x5185;&#x3067;&#x5B9A;&#x7FA9;&#x3055;&#x308C;&#x3066;&#x3044;&#x308C;&#x3070;&#x3001;&#x30E2;&#x30B8;&#x30E5;&#x30FC;&#x30EB;&#x306E;&#x30ED;&#x30FC;&#x30AB;&#x30EB;&#x30B9;&#x30C6;&#x30FC;&#x30C8;&#x3092;&#x53D7;&#x3051;&#x53D6;&#x308A;)&#x3001;&#x6307;&#x5B9A;&#x3055;&#x308C;&#x3066;&#x3044;&#x308C;&#x3070;&#x7B2C;&#x4E8C;&#x5F15;&#x6570;&#x306B; <code>payload</code> &#x3092;&#x53D7;&#x3051;&#x53D6;&#x308A;&#x307E;&#x3059;&#x3002;</p>
  165. <p><a href="mutations.html">&#x8A73;&#x7D30;</a></p>
  166. </li>
  167. </ul>
  168. </li>
  169. <li><p><strong>actions</strong></p>
  170. <ul>
  171. <li><p>&#x578B;: <code>{ [type: string]: Function }</code></p>
  172. <p>&#x30B9;&#x30C8;&#x30A2;&#x306B;&#x30A2;&#x30AF;&#x30B7;&#x30E7;&#x30F3;&#x3092;&#x767B;&#x9332;&#x3057;&#x307E;&#x3059;&#x3002;&#x30CF;&#x30F3;&#x30C9;&#x30E9;&#x95A2;&#x6570;&#x306F;&#x6B21;&#x306E;&#x30D7;&#x30ED;&#x30D1;&#x30C6;&#x30A3;&#x3092;&#x6301;&#x3064; <code>context</code> &#x30AA;&#x30D6;&#x30B8;&#x30A7;&#x30AF;&#x30C8;&#x3092;&#x53D7;&#x3051;&#x53D6;&#x308A;&#x307E;&#x3059;&#x3002;:</p>
  173. <pre class="language-"><code class="lang-js"><span class="token punctuation">{</span>
  174. state<span class="token punctuation">,</span> <span class="token comment" spellcheck="true">// `store.state` &#x3068;&#x540C;&#x3058;&#x304B;&#x3001;&#x30E2;&#x30B8;&#x30E5;&#x30FC;&#x30EB;&#x5185;&#x306B;&#x3042;&#x308C;&#x3070;&#x30ED;&#x30FC;&#x30AB;&#x30EB;&#x30B9;&#x30C6;&#x30FC;&#x30C8;</span>
  175. rootState<span class="token punctuation">,</span> <span class="token comment" spellcheck="true">// `store.state` &#x3068;&#x540C;&#x3058;&#x3002;&#x305F;&#x3060;&#x3057;&#x30E2;&#x30B8;&#x30E5;&#x30FC;&#x30EB;&#x5185;&#x306B;&#x9650;&#x308B;</span>
  176. commit<span class="token punctuation">,</span> <span class="token comment" spellcheck="true">// `store.commit` &#x3068;&#x540C;&#x3058;</span>
  177. dispatch<span class="token punctuation">,</span> <span class="token comment" spellcheck="true">// `store.dispatch` &#x3068;&#x540C;&#x3058;</span>
  178. getters<span class="token punctuation">,</span> <span class="token comment" spellcheck="true">// `store.getters` &#x3068;&#x540C;&#x3058;&#x304B;&#x3001;&#x30E2;&#x30B8;&#x30E5;&#x30FC;&#x30EB;&#x5185;&#x306B;&#x3042;&#x308C;&#x3070;&#x30ED;&#x30FC;&#x30AB;&#x30EB;&#x30B2;&#x30C3;&#x30BF;&#x30FC;</span>
  179. rootGetters <span class="token comment" spellcheck="true">// `store.getters` &#x3068;&#x540C;&#x3058;&#x3002;&#x305F;&#x3060;&#x3057;&#x30E2;&#x30B8;&#x30E5;&#x30FC;&#x30EB;&#x5185;&#x306B;&#x9650;&#x308B;</span>
  180. <span class="token punctuation">}</span>
  181. </code></pre>
  182. <p>&#x305D;&#x3057;&#x3066;&#x3001;&#x7B2C; 2 &#x5F15;&#x6570;&#x306E; <code>payload</code> &#x304C;&#x3042;&#x308C;&#x3070;&#x3001;&#x305D;&#x308C;&#x3092;&#x53D7;&#x3051;&#x53D6;&#x308A;&#x307E;&#x3059;&#x3002;</p>
  183. <p><a href="actions.html">&#x8A73;&#x7D30;</a></p>
  184. </li>
  185. </ul>
  186. </li>
  187. <li><p><strong>getters</strong></p>
  188. <ul>
  189. <li><p>type: <code>{ [key: string]: Function }</code></p>
  190. <p>&#x30B9;&#x30C8;&#x30A2;&#x306B;&#x30B2;&#x30C3;&#x30BF;&#x30FC;&#x3092;&#x767B;&#x9332;&#x3057;&#x307E;&#x3059;. &#x30B2;&#x30C3;&#x30BF;&#x30FC;&#x95A2;&#x6570;&#x306F;&#x6B21;&#x306E;&#x5F15;&#x6570;&#x3092;&#x53D7;&#x3051;&#x53D6;&#x308A;&#x307E;&#x3059;:</p>
  191. <pre class="language-"><code>state, // &#x30E2;&#x30B8;&#x30E5;&#x30FC;&#x30EB;&#x5185;&#x3067;&#x5B9A;&#x7FA9;&#x3055;&#x308C;&#x3066;&#x3044;&#x308C;&#x3070;&#x30E2;&#x30B8;&#x30E5;&#x30FC;&#x30EB;&#x306E;&#x30ED;&#x30FC;&#x30AB;&#x30EB;&#x30B9;&#x30C6;&#x30FC;&#x30C8;
  192. getters // store.getters &#x3068;&#x540C;&#x3058;
  193. </code></pre><p>&#x30E2;&#x30B8;&#x30E5;&#x30FC;&#x30EB;&#x3067;&#x5B9A;&#x7FA9;&#x3055;&#x308C;&#x305F;&#x3068;&#x304D;&#x306E;&#x4ED5;&#x69D8;</p>
  194. <pre class="language-"><code>state, // &#x30E2;&#x30B8;&#x30E5;&#x30FC;&#x30EB;&#x3067;&#x5B9A;&#x7FA9;&#x3055;&#x308C;&#x305F;&#x5834;&#x5408;&#x3001;&#x30E2;&#x30B8;&#x30E5;&#x30FC;&#x30EB;&#x306E;&#x30ED;&#x30FC;&#x30AB;&#x30EB;&#x30B9;&#x30C6;&#x30FC;&#x30C8;
  195. getters, // &#x73FE;&#x5728;&#x306E;&#x30E2;&#x30B8;&#x30E5;&#x30FC;&#x30EB;&#x306E;&#x30E2;&#x30B8;&#x30E5;&#x30FC;&#x30EB;&#x306E;&#x30ED;&#x30FC;&#x30AB;&#x30EB;&#x30B2;&#x30C3;&#x30BF;&#x30FC;
  196. rootState, // &#x30B0;&#x30ED;&#x30FC;&#x30D0;&#x30EB;&#x30B9;&#x30C6;&#x30FC;&#x30C8;
  197. rootGetters // &#x5168;&#x3066;&#x306E;&#x30B2;&#x30C3;&#x30BF;&#x30FC;
  198. </code></pre><p>&#x767B;&#x9332;&#x3055;&#x308C;&#x305F;&#x30B2;&#x30C3;&#x30BF;&#x30FC;&#x306F; <code>store.getters</code> &#x4E0A;&#x306B;&#x516C;&#x958B;&#x3055;&#x308C;&#x307E;&#x3059;&#x3002;</p>
  199. <p><a href="getters.html">&#x8A73;&#x7D30;</a></p>
  200. </li>
  201. </ul>
  202. </li>
  203. <li><p><strong>modules</strong></p>
  204. <ul>
  205. <li><p>&#x578B;: <code>Object</code></p>
  206. <p>&#x30B5;&#x30D6;&#x30E2;&#x30B8;&#x30E5;&#x30FC;&#x30EB;&#x3092;&#x542B;&#x3080;&#x6B21;&#x306E;&#x3088;&#x3046;&#x306A;&#x5F62;&#x5F0F;&#x306E;&#x30AA;&#x30D6;&#x30B8;&#x30A7;&#x30AF;&#x30C8;&#x306F;&#x30B9;&#x30C8;&#x30A2;&#x306B;&#x30DE;&#x30FC;&#x30B8;&#x3055;&#x308C;&#x307E;&#x3059;&#x3002;</p>
  207. <pre class="language-"><code class="lang-js"><span class="token punctuation">{</span>
  208. key<span class="token punctuation">:</span> <span class="token punctuation">{</span>
  209. state<span class="token punctuation">,</span>
  210. mutations
  211. actions<span class="token operator">?</span><span class="token punctuation">,</span>
  212. getters<span class="token operator">?</span><span class="token punctuation">,</span>
  213. modules<span class="token operator">?</span>
  214. <span class="token punctuation">}</span><span class="token punctuation">,</span>
  215. <span class="token operator">...</span>
  216. <span class="token punctuation">}</span>
  217. </code></pre>
  218. <p>&#x5404;&#x30E2;&#x30B8;&#x30E5;&#x30FC;&#x30EB;&#x306F;&#x3001;&#x30EB;&#x30FC;&#x30C8;&#x30AA;&#x30D7;&#x30B7;&#x30E7;&#x30F3;&#x306B;&#x4F3C;&#x305F; <code>state</code> &#x3068; <code>mutations</code> &#x3092;&#x542B;&#x3080;&#x3053;&#x3068;&#x304C;&#x3067;&#x304D;&#x307E;&#x3059;&#x3002;&#x30E2;&#x30B8;&#x30E5;&#x30FC;&#x30EB;&#x306E;&#x72B6;&#x614B;&#x306F;&#x3001;&#x30E2;&#x30B8;&#x30E5;&#x30FC;&#x30EB;&#x306E;&#x30AD;&#x30FC;&#x3092;&#x4F7F;&#x3063;&#x3066;&#x3001;&#x30B9;&#x30C8;&#x30A2;&#x306E;&#x30EB;&#x30FC;&#x30C8;&#x30B9;&#x30C6;&#x30FC;&#x30C8;&#x306B;&#x7D50;&#x5408;&#x3055;&#x308C;&#x307E;&#x3059;&#x3002;&#x30E2;&#x30B8;&#x30E5;&#x30FC;&#x30EB;&#x306E;&#x30DF;&#x30E5;&#x30FC;&#x30C6;&#x30FC;&#x30B7;&#x30E7;&#x30F3;&#x3068;&#x30B2;&#x30C3;&#x30BF;&#x30FC;&#x306F;&#x3001;&#x7B2C;&#x4E00;&#x5F15;&#x6570;&#x3068;&#x3057;&#x3066;&#x30EB;&#x30FC;&#x30C8;&#x30B9;&#x30C6;&#x30FC;&#x30C8;&#x306E;&#x4EE3;&#x308F;&#x308A;&#x306B;&#x3001;&#x30E2;&#x30B8;&#x30E5;&#x30FC;&#x30EB;&#x306E;&#x30ED;&#x30FC;&#x30AB;&#x30EB;&#x30B9;&#x30C6;&#x30FC;&#x30C8;&#x3060;&#x3051;&#x3092;&#x53D7;&#x3051;&#x53D6;&#x308A;&#x3001;&#x30E2;&#x30B8;&#x30E5;&#x30FC;&#x30EB;&#x306E;&#x30A2;&#x30AF;&#x30B7;&#x30E7;&#x30F3;&#x306E; <code>context.state</code> &#x3082;&#x30ED;&#x30FC;&#x30AB;&#x30EB;&#x30B9;&#x30C6;&#x30FC;&#x30C8;&#x3092;&#x6307;&#x3059;&#x3088;&#x3046;&#x306B;&#x306A;&#x308A;&#x307E;&#x3059;&#x3002;</p>
  219. <p><a href="modules.html">&#x8A73;&#x7D30;</a></p>
  220. </li>
  221. </ul>
  222. </li>
  223. <li><p><strong>plugins</strong></p>
  224. <ul>
  225. <li><p>&#x578B;: <code>Array<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>Function</span><span class="token punctuation">&gt;</span></span></code></p>
  226. <p>&#x30D7;&#x30E9;&#x30B0;&#x30A4;&#x30F3;&#x95A2;&#x6570;&#x306E;&#x914D;&#x5217;&#x306F;&#x3001;&#x30B9;&#x30C8;&#x30A2;&#x306B;&#x9069;&#x7528;&#x3055;&#x308C;&#x307E;&#x3059;&#x3002;&#x3053;&#x306E;&#x30D7;&#x30E9;&#x30B0;&#x30A4;&#x30F3;&#x306F;&#x3001;&#x30B9;&#x30C8;&#x30A2;&#x3060;&#x3051;&#x3092;&#x5F15;&#x6570;&#x3068;&#x3057;&#x3066;&#x53D7;&#x3051;&#x53D6;&#x308A;&#x3001;&#x5916;&#x90E8;&#x3078;&#x306E;&#x6C38;&#x7D9A;&#x5316;&#x3001;&#x30ED;&#x30AE;&#x30F3;&#x30B0;&#x3001;&#x30C7;&#x30D0;&#x30C3;&#x30AE;&#x30F3;&#x30B0;&#x306E;&#x305F;&#x3081;&#x306B;&#x3001;&#x30DF;&#x30E5;&#x30FC;&#x30C6;&#x30FC;&#x30B7;&#x30E7;&#x30F3;&#x3092;&#x76E3;&#x8996;&#x3059;&#x308B;&#x304B;&#x3001;&#x307E;&#x305F;&#x306F;&#x3001; websocket &#x3084; observable &#x306E;&#x3088;&#x3046;&#x306A;&#x5916;&#x304B;&#x3089;&#x6E21;&#x3055;&#x308C;&#x308B;&#x30C7;&#x30FC;&#x30BF;&#x306E;&#x305F;&#x3081;&#x306B;&#x30DF;&#x30E5;&#x30FC;&#x30C6;&#x30FC;&#x30B7;&#x30E7;&#x30F3;&#x3092;&#x30C7;&#x30A3;&#x30B9;&#x30D1;&#x30C3;&#x30C1;&#x3057;&#x307E;&#x3059;&#x3002;</p>
  227. <p><a href="plugins.html">&#x8A73;&#x7D30;</a></p>
  228. </li>
  229. </ul>
  230. </li>
  231. <li><p><strong>strict</strong></p>
  232. <ul>
  233. <li>&#x578B;: <code>Boolean</code></li>
  234. <li><p>&#x30C7;&#x30D5;&#x30A9;&#x30EB;&#x30C8;: <code>false</code></p>
  235. <p>Vuex &#x30B9;&#x30C8;&#x30A2;&#x3092;&#x53B3;&#x683C;&#x30E2;&#x30FC;&#x30C9;&#x306B;&#x3057;&#x307E;&#x3059;&#x3002;&#x53B3;&#x683C;&#x30E2;&#x30FC;&#x30C9;&#x3067;&#x306F;&#x3001;&#x30DF;&#x30E5;&#x30FC;&#x30C6;&#x30FC;&#x30B7;&#x30E7;&#x30F3;&#x30CF;&#x30F3;&#x30C9;&#x30E9;&#x4EE5;&#x5916;&#x3067;&#x3001; Vuex &#x306E;&#x72B6;&#x614B;&#x306E;&#x5909;&#x66F4;&#x3092;&#x884C;&#x3046;&#x3068;&#x3001;&#x30A8;&#x30E9;&#x30FC;&#x304C;&#x6295;&#x3052;&#x3089;&#x308C;&#x307E;&#x3059;&#x3002;</p>
  236. <p><a href="strict.html">&#x8A73;&#x7D30;</a></p>
  237. </li>
  238. </ul>
  239. </li>
  240. </ul>
  241. <h3 id="vuexstore-&#x30A4;&#x30F3;&#x30B9;&#x30BF;&#x30F3;&#x30B9;&#x30D7;&#x30ED;&#x30D1;&#x30C6;&#x30A3;">Vuex.Store &#x30A4;&#x30F3;&#x30B9;&#x30BF;&#x30F3;&#x30B9;&#x30D7;&#x30ED;&#x30D1;&#x30C6;&#x30A3;</h3>
  242. <ul>
  243. <li><p><strong>state</strong></p>
  244. <ul>
  245. <li><p>type: <code>Object</code></p>
  246. <p>&#x30EB;&#x30FC;&#x30C8;&#x30B9;&#x30C6;&#x30FC;&#x30C8;&#x3001;&#x8AAD;&#x307F;&#x53D6;&#x308A;&#x5C02;&#x7528;&#x3067;&#x3059;&#x3002;</p>
  247. </li>
  248. </ul>
  249. </li>
  250. <li><p><strong>getters</strong></p>
  251. <ul>
  252. <li><p>type: <code>Object</code></p>
  253. <p>&#x767B;&#x9332;&#x3055;&#x308C;&#x3066;&#x3044;&#x308B;&#x30B2;&#x30C3;&#x30BF;&#x30FC;&#x3092;&#x516C;&#x958B;&#x3057;&#x307E;&#x3059;&#x3002;&#x8AAD;&#x307F;&#x53D6;&#x308A;&#x5C02;&#x7528;&#x3067;&#x3059;&#x3002;</p>
  254. </li>
  255. </ul>
  256. </li>
  257. </ul>
  258. <h3 id="vuexstore-&#x30A4;&#x30F3;&#x30B9;&#x30BF;&#x30F3;&#x30B9;&#x30E1;&#x30BD;&#x30C3;&#x30C9;">Vuex.Store &#x30A4;&#x30F3;&#x30B9;&#x30BF;&#x30F3;&#x30B9;&#x30E1;&#x30BD;&#x30C3;&#x30C9;</h3>
  259. <ul>
  260. <li><strong><code>commit(type: string, payload?: any, options?: Object)</code></strong></li>
  261. <li><p><strong><code>commit(mutation: Object, options?: Object)</code></strong></p>
  262. <p>&#x30DF;&#x30E5;&#x30FC;&#x30C6;&#x30FC;&#x30B7;&#x30E7;&#x30F3;&#x3092;&#x30B3;&#x30DF;&#x30C3;&#x30C8;&#x3057;&#x307E;&#x3059;&#x3002;<code>options</code> &#x306F;<a href="modules.html#&#x540D;&#x524D;&#x7A7A;&#x9593;">&#x540D;&#x524D;&#x7A7A;&#x9593;&#x4ED8;&#x304D;&#x30E2;&#x30B8;&#x30E5;&#x30FC;&#x30EB;</a>&#x3067; root &#x306A;&#x30DF;&#x30E5;&#x30FC;&#x30C6;&#x30FC;&#x30B7;&#x30E7;&#x30F3;&#x306B;&#x30B3;&#x30DF;&#x30C3;&#x30C8;&#x3067;&#x304D;&#x308B; <code>root: true</code> &#x3092;&#x6301;&#x3064;&#x3053;&#x3068;&#x3067;&#x304D;&#x307E;&#x3059;&#x3002;<a href="mutations.html">&#x8A73;&#x7D30;</a></p>
  263. </li>
  264. <li><p><strong><code>dispatch(type: string, payload?: any, options?: Object)</code></strong></p>
  265. </li>
  266. <li><p><strong><code>dispatch(action: Object, options?: Object)</code></strong></p>
  267. <p>&#x30A2;&#x30AF;&#x30B7;&#x30E7;&#x30F3;&#x3092;&#x30C7;&#x30A3;&#x30B9;&#x30D1;&#x30C3;&#x30C1;&#x3057;&#x307E;&#x3059;&#x3002;<code>options</code> &#x306F;<a href="modules.html#&#x540D;&#x524D;&#x7A7A;&#x9593;">&#x540D;&#x524D;&#x7A7A;&#x9593;&#x4ED8;&#x304D;&#x30E2;&#x30B8;&#x30E5;&#x30FC;&#x30EB;</a>&#x3067; root &#x306A;&#x30A2;&#x30AF;&#x30B7;&#x30E7;&#x30F3;&#x306B;&#x30C7;&#x30A3;&#x30B9;&#x30D1;&#x30C3;&#x30C1;&#x3067;&#x304D;&#x308B; <code>root: true</code> &#x3092;&#x6301;&#x3064;&#x3053;&#x3068;&#x3067;&#x304D;&#x307E;&#x3059;&#x3002; &#x3059;&#x3079;&#x3066;&#x306E;&#x30C8;&#x30EA;&#x30AC;&#x30FC;&#x3055;&#x308C;&#x305F;&#x30A2;&#x30AF;&#x30B7;&#x30E7;&#x30F3;&#x30CF;&#x30F3;&#x30C9;&#x30E9;&#x3092;&#x89E3;&#x6C7A;&#x3059;&#x308B;Promise&#x3092;&#x8FD4;&#x3057;&#x307E;&#x3059;&#x3002;<a href="actions.html">&#x8A73;&#x7D30;</a></p>
  268. </li>
  269. <li><p><strong><code>replaceState(state: Object)</code></strong></p>
  270. <p>&#x30B9;&#x30C8;&#x30A2;&#x306E;&#x30EB;&#x30FC;&#x30C8;&#x30B9;&#x30C6;&#x30FC;&#x30C8;&#x3092;&#x7F6E;&#x304D;&#x63DB;&#x3048;&#x307E;&#x3059;&#x3002;&#x3053;&#x308C;&#x306F;&#x3001;&#x30B9;&#x30C6;&#x30FC;&#x30C8;&#x306E;&#x30CF;&#x30A4;&#x30C9;&#x30EC;&#x30FC;&#x30B7;&#x30E7;&#x30F3;&#x3084;&#x30BF;&#x30A4;&#x30E0;&#x30C8;&#x30E9;&#x30D9;&#x30EB;&#x306E;&#x305F;&#x3081;&#x3060;&#x3051;&#x306B;&#x5229;&#x7528;&#x3059;&#x3079;&#x304D;&#x3067;&#x3059;&#x3002;</p>
  271. </li>
  272. <li><p><strong><code>watch(getter: Function, cb: Function, options?: Object)</code></strong></p>
  273. <p>&#x30EA;&#x30A2;&#x30AF;&#x30C6;&#x30A3;&#x30D6;&#x306B;&#x30B2;&#x30C3;&#x30BF;&#x30FC;&#x95A2;&#x6570;&#x306E;&#x8FD4;&#x3059;&#x5024;&#x3092;&#x76E3;&#x8996;&#x3057;&#x307E;&#x3059;&#x3002;&#x5024;&#x304C;&#x5909;&#x308F;&#x3063;&#x305F;&#x5834;&#x5408;&#x306F;&#x3001;&#x30B3;&#x30FC;&#x30EB;&#x30D0;&#x30C3;&#x30AF;&#x3092;&#x547C;&#x3073;&#x307E;&#x3059;&#x3002;&#x30B2;&#x30C3;&#x30BF;&#x30FC;&#x306F;&#x30B9;&#x30C8;&#x30A2;&#x306E; <code>state</code> &#x3092;&#x6700;&#x521D;&#x306E;&#x5F15;&#x6570;&#x3068;&#x3057;&#x3066;&#x3001; <code>getters</code> &#x3092;2&#x756A;&#x76EE;&#x306E;&#x5F15;&#x6570;&#x3068;&#x3057;&#x3066;&#x53D7;&#x3051;&#x53D6;&#x308A;&#x307E;&#x3059;&#x3002; Vue &#x306E;<code>vm.$watch</code>&#x30E1;&#x30BD;&#x30C3;&#x30C9;&#x3068;&#x540C;&#x3058;&#x30AA;&#x30D7;&#x30B7;&#x30E7;&#x30F3;&#x3092;&#x30AA;&#x30D7;&#x30B7;&#x30E7;&#x30F3;&#x306E;&#x30AA;&#x30D6;&#x30B8;&#x30A7;&#x30AF;&#x30C8;&#x3068;&#x3057;&#x3066;&#x53D7;&#x3051;&#x4ED8;&#x3051;&#x307E;&#x3059;&#x3002;</p>
  274. <p>&#x76E3;&#x8996;&#x3092;&#x6B62;&#x3081;&#x308B;&#x5834;&#x5408;&#x306F;&#x3001;&#x30CF;&#x30F3;&#x30C9;&#x30E9;&#x95A2;&#x6570;&#x306E;&#x8FD4;&#x308A;&#x5024;&#x3092;&#x95A2;&#x6570;&#x3068;&#x3057;&#x3066;&#x547C;&#x3073;&#x51FA;&#x3057;&#x307E;&#x3059;&#x3002;</p>
  275. </li>
  276. <li><p><strong><code>subscribe(handler: Function)</code></strong></p>
  277. <p>&#x30B9;&#x30C8;&#x30A2;&#x3078;&#x306E;&#x30DF;&#x30E5;&#x30FC;&#x30C6;&#x30FC;&#x30B7;&#x30E7;&#x30F3;&#x3092;&#x8CFC;&#x8AAD;&#x3057;&#x307E;&#x3059;&#x3002;<code>handler</code> &#x306F;&#x3001;&#x5168;&#x3066;&#x306E;&#x30DF;&#x30E5;&#x30FC;&#x30C6;&#x30FC;&#x30B7;&#x30E7;&#x30F3;&#x306E;&#x5F8C;&#x306B;&#x547C;&#x3070;&#x308C;&#x3001;&#x5F15;&#x6570;&#x3068;&#x3057;&#x3066;&#x3001;&#x30DF;&#x30E5;&#x30FC;&#x30C6;&#x30FC;&#x30B7;&#x30E7;&#x30F3; &#x30C7;&#x30A3;&#x30B9;&#x30AF;&#x30EA;&#x30D7;&#x30BF;&#x3068;&#x30DF;&#x30E5;&#x30FC;&#x30C6;&#x30FC;&#x30B7;&#x30E7;&#x30F3;&#x5F8C;&#x306E;&#x72B6;&#x614B;&#x3092;&#x53D7;&#x3051;&#x53D6;&#x308A;&#x307E;&#x3059;&#x3002;</p>
  278. <pre class="language-"><code class="lang-js">store<span class="token punctuation">.</span><span class="token function">subscribe</span><span class="token punctuation">(</span><span class="token punctuation">(</span>mutation<span class="token punctuation">,</span> state<span class="token punctuation">)</span> <span class="token operator">=</span><span class="token operator">&gt;</span> <span class="token punctuation">{</span>
  279. console<span class="token punctuation">.</span><span class="token function">log</span><span class="token punctuation">(</span>mutation<span class="token punctuation">.</span>type<span class="token punctuation">)</span>
  280. console<span class="token punctuation">.</span><span class="token function">log</span><span class="token punctuation">(</span>mutation<span class="token punctuation">.</span>payload<span class="token punctuation">)</span>
  281. <span class="token punctuation">}</span><span class="token punctuation">)</span>
  282. </code></pre>
  283. <p>&#x30D7;&#x30E9;&#x30B0;&#x30A4;&#x30F3;&#x306E;&#x4E2D;&#x3067;&#x3082;&#x3063;&#x3068;&#x3082;&#x3088;&#x304F;&#x5229;&#x7528;&#x3055;&#x308C;&#x307E;&#x3059;&#x3002;<a href="plugins.html">&#x8A73;&#x7D30;</a></p>
  284. </li>
  285. <li><p><strong><code>subscribeAction(handler: Function)</code></strong></p>
  286. <blockquote>
  287. <p>2.5.0 &#x3067;&#x65B0;&#x898F;&#x8FFD;&#x52A0;</p>
  288. </blockquote>
  289. <p>&#x30B9;&#x30C8;&#x30A2;&#x30A2;&#x30AF;&#x30B7;&#x30E7;&#x30F3;&#x3092;&#x8CFC;&#x8AAD;&#x3057;&#x307E;&#x3059;&#x3002;<code>handler</code> &#x306F;&#x30C7;&#x30A3;&#x30B9;&#x30D1;&#x30C3;&#x30C1;&#x3055;&#x308C;&#x305F;&#x30A2;&#x30AF;&#x30B7;&#x30E7;&#x30F3;&#x3054;&#x3068;&#x306B;&#x547C;&#x3073;&#x51FA;&#x3055;&#x308C;&#x3001;&#x30A2;&#x30AF;&#x30B7;&#x30E7;&#x30F3;&#x8A18;&#x8FF0;&#x5B50;&#x3068;&#x73FE;&#x5728;&#x306E;&#x30B9;&#x30C8;&#x30A2;&#x72B6;&#x614B;&#x3092;&#x5F15;&#x6570;&#x3068;&#x3057;&#x3066;&#x53D7;&#x3051;&#x53D6;&#x308A;&#x307E;&#x3059;:</p>
  290. <pre class="language-"><code class="lang-js">store<span class="token punctuation">.</span><span class="token function">subscribeAction</span><span class="token punctuation">(</span><span class="token punctuation">(</span>action<span class="token punctuation">,</span> state<span class="token punctuation">)</span> <span class="token operator">=</span><span class="token operator">&gt;</span> <span class="token punctuation">{</span>
  291. console<span class="token punctuation">.</span><span class="token function">log</span><span class="token punctuation">(</span>action<span class="token punctuation">.</span>type<span class="token punctuation">)</span>
  292. console<span class="token punctuation">.</span><span class="token function">log</span><span class="token punctuation">(</span>action<span class="token punctuation">.</span>payload<span class="token punctuation">)</span>
  293. <span class="token punctuation">}</span><span class="token punctuation">)</span>
  294. </code></pre>
  295. </li>
  296. </ul>
  297. <p>&#x3000;&#x30D7;&#x30E9;&#x30B0;&#x30A4;&#x30F3;&#x3067;&#x6700;&#x3082;&#x4E00;&#x822C;&#x7684;&#x306B;&#x4F7F;&#x7528;&#x3055;&#x308C;&#x307E;&#x3059;&#x3002;<a href="plugins.html">Details</a></p>
  298. <ul>
  299. <li><p><strong><code>registerModule(path: string | Array<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>string</span><span class="token punctuation">&gt;</span></span>, module: Module, options?: Object)</code></strong></p>
  300. <p>&#x52D5;&#x7684;&#x306A;&#x30E2;&#x30B8;&#x30E5;&#x30FC;&#x30EB;&#x3092;&#x767B;&#x9332;&#x3057;&#x307E;&#x3059;&#x3002;<a href="modules.html#dynamic-module-registration">&#x8A73;&#x7D30;</a></p>
  301. <p><code>options</code> &#x306F;&#x524D;&#x306E;&#x72B6;&#x614B;&#x3092;&#x4FDD;&#x5B58;&#x3059;&#x308B; <code>preserveState: true</code> &#x3092;&#x6301;&#x3064;&#x3053;&#x3068;&#x304C;&#x3067;&#x304D;&#x307E;&#x3059;&#x3002;&#x30B5;&#x30FC;&#x30D0;&#x30B5;&#x30A4;&#x30C9;&#x30EC;&#x30F3;&#x30C0;&#x30EA;&#x30F3;&#x30B0;&#x306B;&#x5F79;&#x7ACB;&#x3061;&#x307E;&#x3059;&#x3002;</p>
  302. </li>
  303. <li><p><strong><code>unregisterModule(path: string | Array<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>string</span><span class="token punctuation">&gt;</span></span>)</code></strong></p>
  304. <p>&#x52D5;&#x7684;&#x306A;&#x30E2;&#x30B8;&#x30E5;&#x30FC;&#x30EB;&#x3092;&#x89E3;&#x9664;&#x3057;&#x307E;&#x3059;&#x3002;<a href="modules.html#dynamic-module-registration">&#x8A73;&#x7D30;</a></p>
  305. </li>
  306. <li><p><strong><code>hotUpdate(newOptions: Object)</code></strong></p>
  307. <p>&#x65B0;&#x3057;&#x3044;&#x30A2;&#x30AF;&#x30B7;&#x30E7;&#x30F3;&#x3068;&#x30DF;&#x30E5;&#x30FC;&#x30C6;&#x30FC;&#x30B7;&#x30E7;&#x30F3;&#x3092;&#x30DB;&#x30C3;&#x30C8;&#x30B9;&#x30EF;&#x30C3;&#x30D7;&#x3057;&#x307E;&#x3059;&#x3002;<a href="hot-reload.html">&#x8A73;&#x7D30;</a></p>
  308. </li>
  309. </ul>
  310. <h3 id="&#x30B3;&#x30F3;&#x30DD;&#x30FC;&#x30CD;&#x30F3;&#x30C8;&#x3092;&#x30D0;&#x30A4;&#x30F3;&#x30C9;&#x3059;&#x308B;&#x30D8;&#x30EB;&#x30D1;&#x30FC;">&#x30B3;&#x30F3;&#x30DD;&#x30FC;&#x30CD;&#x30F3;&#x30C8;&#x3092;&#x30D0;&#x30A4;&#x30F3;&#x30C9;&#x3059;&#x308B;&#x30D8;&#x30EB;&#x30D1;&#x30FC;</h3>
  311. <ul>
  312. <li><p><strong><code>mapState(namespace?: string, map: Array<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>string</span><span class="token punctuation">&gt;</span></span> | Object): Object</code></strong></p>
  313. <p>&#x30B9;&#x30C8;&#x30A2;&#x306E;&#x30B5;&#x30D6;&#x30C4;&#x30EA;&#x30FC;&#x3092;&#x8FD4;&#x3059;&#x30B3;&#x30F3;&#x30DD;&#x30FC;&#x30CD;&#x30F3;&#x30C8;&#x306E; computed &#x30AA;&#x30D7;&#x30B7;&#x30E7;&#x30F3;&#x3092;&#x4F5C;&#x6210;&#x3057;&#x307E;&#x3059;&#x3002;<a href="state.html#the-mapstate-helper">&#x8A73;&#x7D30;</a></p>
  314. <p>&#x7B2C;1&#x5F15;&#x6570;&#x306F;&#x3001;&#x30AA;&#x30D7;&#x30B7;&#x30E7;&#x30F3;&#x3067;&#x540D;&#x524D;&#x7A7A;&#x9593;&#x6587;&#x5B57;&#x5217;&#x306B;&#x3059;&#x308B;&#x3053;&#x3068;&#x304C;&#x3067;&#x304D;&#x307E;&#x3059;&#x3002;<a href="modules.html#binding-helpers-with-namespace">&#x8A73;&#x7D30;</a></p>
  315. </li>
  316. <li><p><strong><code>mapGetters(namespace?: string, map: Array<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>string</span><span class="token punctuation">&gt;</span></span> | Object): Object</code></strong></p>
  317. <p>&#x30B2;&#x30C3;&#x30BF;&#x30FC;&#x306E;&#x8A55;&#x4FA1;&#x5F8C;&#x306E;&#x5024;&#x3092;&#x8FD4;&#x3059;&#x30B3;&#x30F3;&#x30DD;&#x30FC;&#x30CD;&#x30F3;&#x30C8;&#x306E; computed &#x30AA;&#x30D7;&#x30B7;&#x30E7;&#x30F3;&#x3092;&#x4F5C;&#x6210;&#x3057;&#x307E;&#x3059;&#x3002;<a href="getters.html#the-mapgetters-helper">&#x8A73;&#x7D30;</a></p>
  318. <p>&#x7B2C;1&#x5F15;&#x6570;&#x306F;&#x3001;&#x30AA;&#x30D7;&#x30B7;&#x30E7;&#x30F3;&#x3067;&#x540D;&#x524D;&#x7A7A;&#x9593;&#x6587;&#x5B57;&#x5217;&#x306B;&#x3059;&#x308B;&#x3053;&#x3068;&#x304C;&#x3067;&#x304D;&#x307E;&#x3059;&#x3002;<a href="modules.html#binding-helpers-with-namespace">&#x8A73;&#x7D30;</a></p>
  319. </li>
  320. <li><p><strong><code>mapActions(namespace?: string, map: Array<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>string</span><span class="token punctuation">&gt;</span></span> | Object): Object</code></strong></p>
  321. <p>&#x30A2;&#x30AF;&#x30B7;&#x30E7;&#x30F3;&#x3092;&#x30C7;&#x30A3;&#x30B9;&#x30D1;&#x30C3;&#x30C1;&#x3059;&#x308B;&#x30B3;&#x30F3;&#x30DD;&#x30FC;&#x30CD;&#x30F3;&#x30C8;&#x306E; methods &#x30AA;&#x30D7;&#x30B7;&#x30E7;&#x30F3;&#x3092;&#x4F5C;&#x6210;&#x3057;&#x307E;&#x3059;&#x3002;<a href="actions.html#dispatching-actions-in-components">&#x8A73;&#x7D30;</a></p>
  322. <p>&#x7B2C;1&#x5F15;&#x6570;&#x306F;&#x3001;&#x30AA;&#x30D7;&#x30B7;&#x30E7;&#x30F3;&#x3067;&#x540D;&#x524D;&#x7A7A;&#x9593;&#x6587;&#x5B57;&#x5217;&#x306B;&#x3059;&#x308B;&#x3053;&#x3068;&#x304C;&#x3067;&#x304D;&#x307E;&#x3059;&#x3002;<a href="modules.html#binding-helpers-with-namespace">&#x8A73;&#x7D30;</a></p>
  323. </li>
  324. <li><p><strong><code>mapMutations(namespace?: string, map: Array<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>string</span><span class="token punctuation">&gt;</span></span> | Object): Object</code></strong></p>
  325. <p>&#x30DF;&#x30E5;&#x30FC;&#x30C6;&#x30FC;&#x30B7;&#x30E7;&#x30F3;&#x3092;&#x30B3;&#x30DF;&#x30C3;&#x30C8;&#x3059;&#x308B;&#x30B3;&#x30F3;&#x30DD;&#x30FC;&#x30CD;&#x30F3;&#x30C8;&#x306E; methods &#x30AA;&#x30D7;&#x30B7;&#x30E7;&#x30F3;&#x3092;&#x4F5C;&#x6210;&#x3057;&#x307E;&#x3059;&#x3002;<a href="mutations.html#commiting-mutations-in-components">&#x8A73;&#x7D30;</a></p>
  326. <p>&#x7B2C;1&#x5F15;&#x6570;&#x306F;&#x3001;&#x30AA;&#x30D7;&#x30B7;&#x30E7;&#x30F3;&#x3067;&#x540D;&#x524D;&#x7A7A;&#x9593;&#x6587;&#x5B57;&#x5217;&#x306B;&#x3059;&#x308B;&#x3053;&#x3068;&#x304C;&#x3067;&#x304D;&#x307E;&#x3059;&#x3002;<a href="modules.html#binding-helpers-with-namespace">&#x8A73;&#x7D30;</a></p>
  327. </li>
  328. <li><p><strong><code>createNamespacedHelpers(namespace: string): Object</code></strong></p>
  329. <p>&#x540D;&#x524D;&#x7A7A;&#x9593;&#x4ED8;&#x3051;&#x3089;&#x308C;&#x305F;&#x30B3;&#x30F3;&#x30DD;&#x30FC;&#x30CD;&#x30F3;&#x30C8;&#x30D0;&#x30A4;&#x30F3;&#x30C7;&#x30A3;&#x30F3;&#x30B0;&#x306E;&#x30D8;&#x30EB;&#x30D1;&#x30FC;&#x3092;&#x4F5C;&#x6210;&#x3057;&#x307E;&#x3059;&#x3002;&#x8FD4;&#x3055;&#x308C;&#x308B;&#x30AA;&#x30D6;&#x30B8;&#x30A7;&#x30AF;&#x30C8;&#x306F;&#x6307;&#x5B9A;&#x3055;&#x308C;&#x305F;&#x540D;&#x524D;&#x7A7A;&#x9593;&#x306B;&#x30D0;&#x30A4;&#x30F3;&#x30C9;&#x3055;&#x308C;&#x305F; <code>mapState</code>&#x3001;<code>mapGetters</code>&#x3001;<code>mapActions</code> &#x305D;&#x3057;&#x3066; <code>mapMutations</code> &#x304C;&#x542B;&#x307E;&#x308C;&#x307E;&#x3059;&#x3002;<a href="modules.html#binding-helpers-with-namespace">&#x8A73;&#x7D30;&#x306F;&#x3053;&#x3061;&#x3089;</a></p>
  330. </li>
  331. </ul>
  332. </section>
  333. </div>
  334. <div class="search-results">
  335. <div class="has-results">
  336. <h1 class="search-results-title"><span class='search-results-count'></span> results matching "<span class='search-query'></span>"</h1>
  337. <ul class="search-results-list"></ul>
  338. </div>
  339. <div class="no-results">
  340. <h1 class="search-results-title">No results matching "<span class='search-query'></span>"</h1>
  341. </div>
  342. </div>
  343. </div>
  344. </div>
  345. </div>
  346. <script src="//m.servedby-buysellads.com/monetization.js" type="text/javascript"></script>
  347. <div class="bsa-cpc"></div>
  348. <script>
  349. (function(){
  350. if(typeof _bsa !== 'undefined' && _bsa) {
  351. _bsa.init('default', 'CKYD62QM', 'placement:vuejsorg', {
  352. target: '.bsa-cpc',
  353. align: 'horizontal',
  354. disable_css: 'true'
  355. });
  356. }
  357. })();
  358. </script>
  359. </div>
  360. <a href="hot-reload.html" class="navigation navigation-prev navigation-unique" aria-label="Previous page: ホットリローディング">
  361. <i class="fa fa-angle-left"></i>
  362. </a>
  363. </div>
  364. <script>
  365. var gitbook = gitbook || [];
  366. gitbook.push(function() {
  367. gitbook.page.hasChanged({"page":{"title":"API リファレンス","level":"1.13","depth":1,"previous":{"title":"ホットリローディング","level":"1.12","depth":1,"path":"hot-reload.md","ref":"hot-reload.md","articles":[]},"dir":"ltr"},"config":{"plugins":["edit-link","prism","-highlight","github","-highlight","github"],"styles":{"website":"styles/website.css","pdf":"styles/pdf.css","epub":"styles/epub.css","mobi":"styles/mobi.css","ebook":"styles/ebook.css","print":"styles/print.css"},"pluginsConfig":{"edit-link":{"label":"Edit This Page","base":"https://github.com/vuejs/vuex/tree/dev/docs"},"github":{"url":"https://github.com/vuejs/vuex/"},"prism":{},"search":{},"lunr":{"maxIndexSize":1000000,"ignoreSpecialCharacters":false},"sharing":{"facebook":false,"twitter":false,"google":false,"weibo":false,"instapaper":false,"vk":false,"all":["facebook","google","twitter","weibo","instapaper"]},"theme-vuejs":{},"theme-default":{"styles":{"website":"styles/website.css","pdf":"styles/pdf.css","epub":"styles/epub.css","mobi":"styles/mobi.css","ebook":"styles/ebook.css","print":"styles/print.css"},"showLevel":false}},"theme":"default","pdf":{"pageNumbers":true,"fontSize":12,"fontFamily":"Arial","paperSize":"a4","chapterMark":"pagebreak","pageBreaksBefore":"/","margin":{"right":62,"left":62,"top":56,"bottom":56}},"structure":{"langs":"LANGS.md","readme":"README.md","glossary":"GLOSSARY.md","summary":"SUMMARY.md"},"variables":{},"title":"Vuex","language":"ja","links":{"sharing":{"facebook":false,"twitter":false}},"gitbook":"2.x.x"},"file":{"path":"api.md","mtime":"2018-04-20T00:44:03.863Z","type":"markdown"},"gitbook":{"version":"3.2.2","time":"2018-04-20T00:47:55.633Z"},"basePath":".","book":{"language":"ja"}});
  368. });
  369. </script>
  370. </div>
  371. <script src="../gitbook/gitbook.js"></script>
  372. <script src="../gitbook/theme.js"></script>
  373. <script src="../gitbook/gitbook-plugin-edit-link/plugin.js"></script>
  374. <script src="../gitbook/gitbook-plugin-github/plugin.js"></script>
  375. <script src="../gitbook/gitbook-plugin-search/search-engine.js"></script>
  376. <script src="../gitbook/gitbook-plugin-search/search.js"></script>
  377. <script src="../gitbook/gitbook-plugin-lunr/lunr.min.js"></script>
  378. <script src="../gitbook/gitbook-plugin-lunr/search-lunr.js"></script>
  379. <script src="../gitbook/gitbook-plugin-sharing/buttons.js"></script>
  380. </body>
  381. </html>