vuex

framework utility reactive

VuexはVue.jsアプリケーションのための状態管理パターンおよびライブラリです。状態の変化を予測可能にし、複数のコンポーネント間で状態を共有するために使用されます。

Latest Ver 4.1.0

Homepage

Github

28,463

📢 VuexはVue.jsのための中央集中型状態管理システムを提供します。

CDNダウンロード

License: MIT

Asset Type :

すべてのバージョンを見る

https://cdnjs.cloudflare.com/ajax/libs/vuex/4.1.0/vuex.cjs.js

https://cdnjs.cloudflare.com/ajax/libs/vuex/4.1.0/vuex.cjs.min.js

https://cdnjs.cloudflare.com/ajax/libs/vuex/4.1.0/vuex.esm-browser.js

https://cdnjs.cloudflare.com/ajax/libs/vuex/4.1.0/vuex.esm-browser.min.js

https://cdnjs.cloudflare.com/ajax/libs/vuex/4.1.0/vuex.esm-browser.prod.js

https://cdnjs.cloudflare.com/ajax/libs/vuex/4.1.0/vuex.esm-browser.prod.min.js

https://cdnjs.cloudflare.com/ajax/libs/vuex/4.1.0/vuex.esm-bundler.js

https://cdnjs.cloudflare.com/ajax/libs/vuex/4.1.0/vuex.esm-bundler.min.js

https://cdnjs.cloudflare.com/ajax/libs/vuex/4.1.0/vuex.global.js

https://cdnjs.cloudflare.com/ajax/libs/vuex/4.1.0/vuex.global.min.js

Sample Code

⚠️ import 文を含む一部のコードは、jsFiddleで正しく実行されない場合があります。エラーが発生した場合は、コードをコピーしてご自身の環境でお試しください。

📄 HTML
<div id='app'></div>

🧩 External JS
<script src="https://cdn.jsdelivr.net/npm/vue"></script>

⚙️ JavaScript
const store = new Vuex.Store({
  state: {
    count: 0
  },
  mutations: {
    increment(state) {
      state.count++
    }
  }
});

// components can dispatch actions
store.commit('increment');
console.log(store.state.count); // 1