NewYour coding agent can read the release notes before it upgrades.Set up the MCP server →
state management for Vue.js
Last release 4 years ago
no release in 18 months
Release timing varies
gaps range from 3 weeks to 1.3 years
Some releases are documented
notes for 20 of 48 stable releases
Nothing withdrawn
no release was ever pulled
11 years old
62 releases · first in 2015
build: node deprecated warning in export module
This release contains an important fix (#1883) that relies on the effectScope API from Vue core, which is only available in Vue 3.2+.
__VUE_PROD_DEVTOOLS__ defined (#1991) (#1992) (7151622)One column per quarter.
devtools: fix no getters displayed on root module + better getters inspector
Features dx: add devtools integration
There are a few breaking changes described in a later section, so please check them out.
This is the official Vuex 4 release.
The focus for Vuex 4 is compatibility. Vuex 4 supports Vue 3, and it provides the exact same API as Vuex 3, so users can reuse their existing Vuex code with Vue 3.
There are a few breaking changes described in a later section, so please check them out.
You can find basic usage with both Option and Composition API in the example directory.
It's still released under next tag in NPM package as same as Vue 3. We're planning to remove next tag once Vue 3 is ready to remove it.
There have been a lot of contribution to make Vuex 4 stable. Thank you all for your very much appreciated help. It wouldn't have been possible without this wonderful Vue community!
To check out docs, visit next.vuex.vuejs.org.
To align with the new Vue 3 initialization process, the installation process of Vuex has changed.
To create a new store instance, users are now encouraged to use the newly introduced createStore function.
import { createStore } from 'vuex'
export const store = createStore({
state() {
return {
count: 1
}
}
})Whilst this is not technically a breaking change, you may still use the
new Store(...)syntax, we recommend this approach to align with Vue 3 and Vue Router 4.
To install Vuex to a Vue instance, pass the store instance instead of Vuex.
import { createApp } from 'vue'
import { store } from './store'
import App from './App.vue'
const app = createApp(App)
app.use(store)
app.mount('#app')The following bundles are generated to align with Vue 3 bundles:
vuex.global(.prod).js
<script src="..."> in the browser. Exposes the Vuex global.<script src="...">..prod.js files for production.vuex.esm-browser(.prod).js
<script type="module">.vuex.esm-bundler.js
webpack, rollup and parcel.process.env.NODE_ENV guards (must be replaced by bundler).vuex.cjs.js
require().ComponentCustomPropertiesVuex 4 removes its global typings for this.$store within Vue Component to solve issue #994. When used with TypeScript, you must declare your own module augmentation.
Place the following code in your project to allow this.$store to be typed correctly:
// vuex-shim.d.ts
import { ComponentCustomProperties } from 'vue'
import { Store } from 'vuex'
declare module '@vue/runtime-core' {
// Declare your own store states.
interface State {
count: number
}
interface ComponentCustomProperties {
$store: Store<State>
}
}createLogger function is exported from the core moduleIn Vuex 3, createLogger function was exported from vuex/dist/logger but it's now included in the core package. You should import the function directly from vuex package.
import { createLogger } from 'vuex'fix getters stop working when component is destroyed
fix getters getting re-evaluated on every access
types: add missing logger.d.ts file to the package
UMD bundle containing process.env flag
types: add useStore function (#1736) #1739
The bundles are generated as below to align with Vue 3 bundles.
The bundles are generated as below to align with Vue 3 bundles.
vuex.global(.prod).js
<script src="..."> in the browser. Exposes the Vuex global.<script src="...">..prod.js files for production.vuex.esm-browser(.prod).js
<script type="module">.vuex.esm-bundler.js
webpack, rollup and parcel.process.env.NODE_ENV guards (must be replaced by bundler).vuex.cjs.js
require().ComponentCustomPropertiesVuex 4 removes its global typings for this.$store within Vue Component due to solving issue #994. When using TypeScript, you must provide your own augment declaration.
Please place the following code in your project to have this.$store working.
// vuex-shim.d.ts
declare module "@vue/runtime-core" {
// Declare your own store states.
interface State {
count: number
}
interface ComponentCustomProperties {
$store: Store<State>;
}
}
All Vuex 3 feature works. There are a few breaking changes described in a later section, so please check them out. You can find basic usage with both…
This is the Vue 3 compatible version of Vuex. The focus is compatibility, and it provides the exact same API as Vuex 3, so users can reuse their existing Vuex code for Vue 3.
All Vuex 3 feature works. There are a few breaking changes described in a later section, so please check them out. You can find basic usage with both option and composition API at example folder.
Please note that it's still unstable, and there might be bugs. Please provide us feedback if you find anything. You may use vue-next-webpack-preview to test out Vue 3 with Vuex 4.
To align with the new Vue 3 initialization process, the installation process of Vuex has changed as well.
You should use a new createStore function to create a new store instance.
import { createStore } from 'vuex'
const store = createStore({
state () {
return {
count: 1
}
}
})
This is technically not a breaking change because you could still use
new Store(...)syntax. However, to align with Vue 3 and also with Vue Router Next, we recommend users to usecreateStorefunction instead.
Then to install Vuex to Vue app instance, pass the store instance instead of Vuex.
import { createApp } from 'vue'
import store from './store'
import App from './APP.vue'
const app = createApp(Counter)
app.use(store)
app.mount('#app')
build: fix wrong path name for the export module
fix tree shaking notworking in webpack bundle
stop throwing an error on hasModule when parent does not exists
Nothing published for this version
Nothing published for this version
Prepend devtool handler (#1358) (a39d076), closes vuejs/vue-devtools#678
Prevent invalidating subscription iterator
Nothing published for this version
Nothing published for this version
Nothing published for this version
types: add helpers to default export type declaration as in sources
state option (#1132) (d39791b)Nothing published for this version
typings: adapt to the new Vue typings
initialize root state as an empty object if state function returns no value
Nothing published for this version
typings: watch() returns an unwatch function
Nothing published for this version
Add '-loader' suffix to webpack config (#722) (84b4634), closes #722
Nothing published for this version
Revert "Update modules.md (#534)" (5e145b3), closes #534
Nothing published for this version
Nothing published for this version
Nothing published for this version
Nothing published for this version
Nothing published for this version
Nothing published for this version
Nothing published for this version
Nothing published for this version
Nothing published for this version
Nothing published for this version
Nothing published for this version
Nothing published for this version
Nothing published for this version
## 0.8.2 (2016-06-28) ## 0.8.1 (2016-06-28)
Nothing published for this version
Nothing published for this version
## 0.7.1 (2016-06-22)
Nothing published for this version
## 0.6.3 (2016-04-23) ## 0.6.2 (2016-03-08) ## 0.6.1 (2016-03-07)
Nothing published for this version
Nothing published for this version
Nothing published for this version
Nothing published for this version
## 0.4.2 (2016-03-02) ## 0.4.1 (2016-03-01)
Nothing published for this version
Nothing published for this version
Nothing published for this version
### Bug Fixes * api: fix typo (4a22523) * forms: fix typo
Your coding agent can read these notes before it upgrades. Set up the MCP server →