Vuex 3.1.1: Enhancements and Fixes for Vue State Management

NativeScript-Vue Debugging Support

One of the major highlights of this release is the addition of debugging support for NativeScript-Vue applications. With the new vue-remote-devtools package, developers can now easily debug their NativeScript-Vue apps using the Electron-based Vue Devtools app.

import { createDevtools } from 'vue-remote-devtools';

createDevtools({
  // Your app's ID
  appId: 'your-app-id',
});

New Minifier and ES Modules Build

Vuex 3.1.1 also includes a new minifier, Terser, which replaces the previous UglifyJS minifier. This change brings support for ES6+ syntax and improved performance. Additionally, the new ES modules build allows for easier importing of Vuex in browser environments.

import { createStore } from 'vuex';

const store = createStore({
  state: {
    count: 0,
  },
  mutations: {
    increment(state) {
      state.count++;
    },
  },
});

jsDelivr CDN Support

Developers can now import Vuex from the jsDelivr CDN, which offers faster and more reliable delivery of assets.

<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/vuex.min.js"></script>

Memory Leak Fix

The update also addresses a known memory leak issue when using the registerModule and unregisterModule methods. The fix ensures that the heap memory is properly garbage-collected, preventing potential performance issues.

import { createStore } from 'vuex';

const store = createStore({
  modules: {
    myModule: {
      namespaced: true,
      state: {
        count: 0,
      },
      mutations: {
        increment(state) {
          state.count++;
        },
      },
    },
  },
});

store.unregisterModule('myModule');

Other Improvements

• Improved support for debugging Vuex in non-browser environments
• Enhanced performance and reliability
• Several bug fixes and minor improvements

Upgrading to Vuex 3.1.1

To take advantage of these improvements, developers can upgrade to Vuex 3.1.1 using the following command:

npm install [email protected]